hafiz1379/simple-mern-project

Simple MERN Project is a minimalist full-stack web app utilizing React.js, CSS, Express.js, and Node.js. It enables users to add products with names and prices, storing them locally via localStorage for easy access and management.

Simple MERN Project

Description

The Simple MERN Project is a full-stack web application built using the ERN (Express.js, React.js, Node.js) stack. It provides a simple interface for users to add products with names and prices, which are then stored locally using localStorage.

Features

• Add new products with names and prices.
• Store product data locally using localStorage.
• Simple and intuitive user interface.
• Built with modern web technologies.

Installation

1. Clone the repository:

   git clone https://github.com/hafiz1379/simple-mern-project.git

2. Navigate to the project directory:

   cd simple-mern-project

3. Install dependencies for both the frontend and backend:

   cd frontend
   npm install
   cd ../backend
   npm install

4. Start the backend server:

   npm start

5. Start the frontend development server:

   cd ../frontend
   npm start

6. Open your web browser and visit http://localhost:3000 to view the application.

Usage

• To add a new product, navigate to the "Add Product" page and enter the product name and price in the provided fields.
• Click the "Add Product" button to save the product locally.
• View all added products on the homepage.

Technologies Used

• Express.js
• React.js
• Node.js
• HTML5
• CSS3
• JavaScript

Contributing

Contributions are welcome! Feel free to fork the repository, make your changes, and submit a pull request.

License

MIT License

Contact

For any inquiries or suggestions, please contact Hafizullah Rasa.