MERN Stack Based Portfolio Website

Description 👩‍💻

This is a portfolio website built using the MERN (MongoDB, Express, React, Node.js) stack. The website showcases my projects, skills, and experiences.

Features 👇

• ✅ Built using development framework Vite
• ✅ Responsive design
• ✅ Interactive UI
• ✅ Project showcase
• ✅ Contact form
• ✅ Framer Motion Animation

Technologies Used ⚙️

• MongoDB: NoSQL database for storing user data and project details
• Express: Backend framework for handling API requests
• React: Frontend library for building user interfaces
• Node.js: Runtime environment for executing server-side JavaScript
• Mongoose: ODM library for MongoDB
• Axios: HTTP client for making API requests
• Tailwind CSS: (Choose one) CSS framework for responsive design

Installation ⬇️

1. Clone the repository:

   git clone https://github.com/devTejaSrinivas/tejasrinivas.git
   cd portfolio-website

2. Install dependencies for the backend:

   cd backend
   npm install

3. Install dependencies for the frontend:

   cd ../frontend
   npm install

4. Set up environment variables:

   • Create a .env file in the backend directory with the following content:

     MONGO_URI=mongodb+srv://<username>:<password>@cluster0.mongodb.net/<your-database>?retryWrites=true&w=majority
     PORT=5000
     

Usage 🤖

1. Start the backend server:

   cd backend
   node server.js

2. Start the frontend development server:

   cd ../frontend
   npm run dev

3. Open your browser and navigate to http://localhost:5173 to view the website.

Contact 📞

Feel free to contact me at tejasrinivassjps@gmail.com if you have any questions or suggestions.

Please 🥺 Star 🌟 this repo.

---

Happy coding 🎉!