https://github.com/techjmi/appscrip-task-md-shamim
https://github.com/techjmi/appscrip-task-md-shamim
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/techjmi/appscrip-task-md-shamim
- Owner: techjmi
- Created: 2024-12-31T22:52:14.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-01-01T05:55:26.000Z (4 months ago)
- Last Synced: 2025-01-01T06:19:34.585Z (4 months ago)
- Language: JavaScript
- Size: 238 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-commerce Frontend - ReactJS
This project is a fully responsive frontend implementation of an e-commerce application built using ReactJS. It provides users with the ability to browse products, add items to their favorites, and interact with a clean, user-friendly interface.
## Features
- **Product Browsing**: Easily browse a wide range of products.
- **Favorites Management**: Add products to your favorites for quick access.
- **Responsive Design**: Enjoy a seamless experience on all devices, from mobile to desktop.
## Deployment
The live version of the project is accessible at:
[E-commerce Frontend Deployment](https://appscrip-task-md-shamim.onrender.com/)
Developed by: [Md Shamim Akhter](https://me.learningblog.fun/)
## Technologies Used
- **ReactJS**
- **React Router DOM**
- **React Icons**
- **Pure CSS**
## Project Folder Structure
```plaintext
src/
├── assets/ # Contains all static assets like images
├── components/ # Includes all reusable components
├── context/ # Houses the DataProvider for state management
├── css/ # Contains all custom CSS files
├── services/ # Includes files for API calls
├── App.js # Main app component
├── index.js # Entry point of the application
public/
├── index.html # Main HTML file
```
## How to Run Locally
To run the project locally, follow these steps:
1. Clone this repository to your local machine:
```bash
git clone https://github.com/techjmi/Appscrip-task-Md-Shamim.git
```
2. Navigate to the project directory:
```bash
cd Appscrip-task-Md-Shamim
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
5. Open your browser and visit `http://localhost:3000` to view the application.
## Key Highlights
1. **Responsive Design**: Built with pure CSS to ensure optimal display on all devices.
2. **React Router DOM**: For seamless navigation across pages.
3. **Reusable Components**: Modular structure for easy maintenance and scalability.
4. **React Icons**: Adds visually appealing icons to enhance the UI/UX.
## Feedback
Your feedback and suggestions are highly appreciated! Feel free to reach out to improve the project further.
## Additional Resources
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
### Available Scripts
In the project directory, you can run:
- **`npm start`**: Runs the app in development mode.
- **`npm test`**: Launches the test runner.
- **`npm run build`**: Builds the app for production.
For more information, refer to the official [Create React App Documentation](https://facebook.github.io/create-react-app/docs/getting-started).
---
Enjoy exploring this e-commerce platform! 😊