Skip to content

Latest commit

 

History

History
69 lines (48 loc) · 2.2 KB

README.md

File metadata and controls

69 lines (48 loc) · 2.2 KB

Project Lister

Project Lister is a web application for managing and keeping track of your projects. It provides an easy way to create, edit, and delete projects, along with features like jotnotes and GitHub links for each project. image

Table of Contents

Technologies Used

  • Frontend: React
  • Backend: Node.js, Express.js
  • Database: MongoDB (via Mongoose)
  • Routing: react-router-dom
  • Styling: CSS

Getting Started

To run this project locally, follow these steps:

  1. Clone the Repository:

    git clone [https://github.com/yashexe/MERN-project-list.git](https://github.com/yashexe/MERN-project-list/)
cd MERN-project-list

# Navigate to the frontend directory
cd client
npm install react-router-dom

# Navigate to the backend directory
cd ../backend
npm install dotenv express mongoose```

  2. Set up MongoDB:

    Make sure you have MongoDB installed and running on your local machine. Configure the database connection in the backend by setting the MONGO_URI environment variable

  3. Start the Application:

    # Start the frontend
cd ../frontend
npm start

# Start the backend
cd ../backend
npm start

  4. Open in Your Browser:

    Open your web browser and visit http://localhost:3000 to use the application. image

Usage

  • Create a new project by clicking the "+" button in the navigation bar.

  • Fill in the project details, including title, GitHub link, and jotnotes.

  • Click "Add Project" to create the project. image

  • View, edit, or delete projects by interacting with the project cards on the main page.

  • Use the edit and delete icons on each project card for these actions. image