Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ragab0/comfy_store
Comphy Store - A Full stack website
https://github.com/ragab0/comfy_store
css3 express figma html5 javascript json jsx nextjs react redux tailwindcss
Last synced: 3 days ago
JSON representation
Comphy Store - A Full stack website
- Host: GitHub
- URL: https://github.com/ragab0/comfy_store
- Owner: ragab0
- Created: 2023-08-05T22:56:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-04T00:47:54.000Z (11 days ago)
- Last Synced: 2024-11-04T01:26:38.608Z (11 days ago)
- Topics: css3, express, figma, html5, javascript, json, jsx, nextjs, react, redux, tailwindcss
- Language: JavaScript
- Homepage: https://comphy-store.vercel.app
- Size: 3.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🛍️ Comfy Store
Welcome to **Comfy Store**, your ultimate **SIMPLE** web store for finding the best room decor and furniture. This project is built using **Next.js** for the front-end and **Express.js** for the back-end
## 🚀 Features
### Front-End
- **Responsive Design**: Built with **Tailwind CSS** to ensure a seamless experience across devices.
- **Advanced Filtering**: Users can filter products based on various criteria, making it easy to find the perfect item.
- **Seamless Cart Functionality**: Add and remove items from the cart effortlessly, with real-time updates.
- **Dynamic Product Pages**: Each product has its own page with detailed information and images.
### Back-End
- **RESTful API**: Built with **Express.js**, providing endpoints for all CRUD operations.
- **Efficient Data Handling**: Utilizes a JS ES+ data structure such as **Map** structure for quick data retrieval, ensuring optimal performance.
- **Flexible Architecture**: Designed to handle various request types, making it adaptable to future needs.
- **Deployment**: The API is hosted on **Render**, ensuring high availability and performance.
## 🛠️ Built With
- **HTML5**
- **CSS3**
- **JavaScript ES+**
- **Redux** (pure)
- **React**
- **Next.js**
- **Tailwind CSS**
- **Figma**
- **Node.js**
- **Render** (for API deployment)
- **Vercel** (for Project deployment)
## 🌐 Preview
Check out the live application: [Comfy Rooms App](https://comphy-store.vercel.app/)
## 📜 Note
- **File-based database (JSON)**:
The Express API architecture is designed to be flexible and adaptable to different request types. For example, when a request is made to fetch a significant product from our product list, the server returns it in a single step (O(1)). This is achieved by using a Map structure to store the product data. Similarly, when a request is made to get a specific product, this approach is not possible in Next.js servers, as the structures would be re-rendered on every request, significantly impacting performance.