Task1 - Personal Portfolio Website

Overview

This project is a personal portfolio website built using HTML, CSS, and JavaScript. It showcases your skills, projects, and experiences, providing a platform to share your professional journey with potential employers, clients, and collaborators.

Features

• Responsive Design: Ensures the website looks great on all devices, including desktops, tablets, and mobile phones.
• Interactive Elements: Uses JavaScript to add dynamic and interactive features.
• Smooth Navigation: Easy-to-use navigation bar for seamless browsing.
• Project Showcase: Highlights your projects
• Contact Form: Allows visitors to get in touch with you directly through the website.

Technologies Used

• HTML: For structuring the content on the web pages.
• CSS: For styling the website and making it visually appealing.
• JavaScript: For adding interactivity and dynamic content.

Live Link- https://ankit-personal-portfolio-site.netlify.app/

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/ankitgupta143/InfoTech_Tasks/Task1.git

2. Navigate to the project directory:

   cd your-repo-name

3. Open the index.html file in your preferred web browser.

Usage

• Home Page: Introduction and brief overview.
• About Page: Detailed information about you and your professional background.
• Projects Page: Showcase of your project.
• Contact Page: Form for visitors to reach out to you.

Contributing

Contributions are welcome! If you have suggestions for improving this project, feel free to create an issue or submit a pull request.

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature-branch

3. Make your changes and commit them:

   git commit -m "Add some feature"

4. Push to the branch:

   git push origin feature-branch

5. Open a pull request.

Task2- Maltimart Ecommerce

📌 Live Demo

https://multimart-ecommerce.onrender.com

😎 Features

• Beauty UI similar to ecommerce website
• Fully responsive and mobile friendly
• User can add items to cart
• User can view details of an item
• User can show total price in cart
• In Item page user can add quantity of item to cart instead of click add more and more

🚀 What technologies were used?

• react.js (create-react-app)
• react-dom-router
• react-bootstrap
• state management using Redux Toolkit

How can you clone and tweak this project?

From your command line, first clone this repo:

# Clone this repository
$ https://github.com/https://github.com/ankitgupta143/InfoTech_Tasks/Task2.git

# Go into the repository
$ cd multimart-react-ecommerce

# Remove current origin repository
$ git remote remove origin

Then you can install the dependencies using NPM:

# Install dependencies
$ npm install

# Start development server
$ npm start

👨‍💻 Happy coding!

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

• Thanks to all the open-source contributors who helped improve this project.
• Special thanks to [Ankit Gupta] for the guidance and inspiration.

---

Feel free to customize this README file to fit your specific project and personal information.

---

Task3- 🌍  Social App 🌎

Built with MERN stack (MongoDB, Express, React and Node) + (GrapgQL).

⚡️⚡️⚡️   Live Demo ⚡️⚡️⚡️

PS. The realtime chat doesn't work on the live demo, cause vercel doesn't support WS, but it works fine on localhost, and will deploy ot to another host once it's done.

📜   Table of contents

• Main Features
• Technologies
• Key Concepts
• Setup
• ENV_VARS

🚩   Main Features

This App is made to create a socail network where people can connect, meet each other depends on interests in common, and will support real time chat

💹   Technologies

Project is created with:

Backend

• Express
• GraphQL Yoga
• Mongoose
• ....

Frontend

• React JS
• Next JS
• ....

💡   Key Concepts

• Built with GraphQL
• Apollo
• MVC (Model-View-Controller)
• CRUD operations
• Authentication system
• Encrypting passwords
• Images handling using multer

💻   Setup

To run this project, install it locally using npm:

$ cd social-app
$ npm install
$ npm run dev:backend (for graphql + Node server side development)
$ npm run dev:frontend (for React client side development)
$ npm run dev (for both client and server side)

#️⃣  

💻   Env-Variables

Please consider adding these envirnment variables to have the app working

DB_URI=mongodb+srv://:@cluster0-7ckqn.azure.mongodb.net/local_library. JWT_SECRET = your JWT secret. CLOUDINARY_CLOUD_NAME = this one is for images upload on cloudinary. CLOUDINARY_API_KEY = also for cloudinary. CLOUDINARY_API_SECRET = also for cloudinary. DOMAIN_URI = (if you're on localhost keep it "localhost", if you will deploy it put the URL).

📝   License

• This project is MIT licensed.