Fitnest
E-commerce for fitness and sports equipment.
References
Links
Frontend
Production:
- https://fitnest.agnuramdan.com
- https://fitnest.mohammadfarizan.com
- https://fitnest.fikrialwan.com
- https://fitnest.nurikhwan.com
Local:
Backend
Production:
https://api.kontenbase.com/query/api/v1/19877131-8b2f-4e7a-91fc-db45066dea23
Design
Main Features
- Products showcase
- Detail product
- Show products by brand
- Filter products by category
- Search products
- See cart page
- Add to cart
- Checkout cart
- Authorization user
Team Members
| Name | Role | GitHub URL |
|---|---|---|
| Fikri Alwan R. | Lead, Frontend, Design | @fikrialwan |
| Nur Ikhwan | Frontend, Design | @ikhwanmachmud |
| Muhamad Agung Nur R. | Frontend, Design | @agnuramdan |
| Mohammad Farizan | Frontend, Design | @mohammadfarizan |
Tech Stack
Commerce
- HTML
- CSS
- Tailwind CSS
- JavaScript
- TypeScript
- Node.js & npm
- React
- Vite v3
- React Router v6
- Vite v3
- Data Fetching
- REST API:
swr&axios
- REST API:
- State Management
- Recoil
- Misc
- Prettier
- ESLint
Development
Install dependencies:
npm install
Run server in development mode:
npm run dev
Build for production:
npm run build
Start in production mode:
npm start
Deployment
This project is deployed on Netlify, you can check the website in the about section or visit fifa-fitnest.netlify.app.
REST API Endpoints
| HTTP | Endpoint | Description |
|---|---|---|
| GET | /brands?$lookup=* |
Get all brands |
| POST | /brands/ |
Create brand |
| PATCH | /brands/:id |
Patch brand |
| DELETE | /brands/:id |
Delete brand |
| GET | /products?$lookup=* |
Get all products |
| POST | /products/ |
Create product |
| PATCH | /products/:id |
Patch product |
| DELETE | /products/:id |
Delete product |
| GET | /categories?$lookup=* |
Get all categories |
| POST | /categories/ |
Create category |
| PATCH | /categories/:id |
Patch category |
| DELETE | /categories/:id |
Delete category |
| GET | /sizeCategory?$lookup=* |
Get all sizeCategory |
| POST | /sizeCategory/ |
Create sizeCategory |
| PATCH | /sizeCategory/:id |
Patch sizeCategory |
| DELETE | /sizeCategory/:id |
Delete sizeCategory |
| GET | /carts?$lookup=* |
Get all carts |
| POST | /carts/ |
Create cart |
| PATCH | /carts/:id |
Patch cart |
| DELETE | /carts/:id |
Delete cart |
| GET | /checkout?$lookup=* |
Get all checkout |
| POST | /checkout/ |
Create checkout |
| PATCH | /checkout/:id |
Patch checkout |
| DELETE | /checkout/:id |
Delete checkout |
Data Model
Product
{
"_id": "abc123",
"brandId": "nike123",
"name": "Nike Tiempo",
"descripton": "Some details about\nthe product",
"imageUrl": "https://fitnest/imags/filename.jpeg",
"price": 1500000,
"createdAt": "",
"updatedAt": ""
}
Cart
{
"_id": "abc123",
"productId": ["productID"],
"userId": "user123",
"isCheckout": false,
"createdAt": "",
"updatedAt": ""
}
Brand
{
"_id": "abc123",
"name": "Adidas",
"description": "Some details about\nthe brand",
"imageUrl": "https://fitnest/images/filename.jpeg",
"createdAt": "",
"updatedAt": ""
}
Category
{
"_id": "abc123",
"productId": "nike123",
"sizeQuantityId": "l123",
"userId": "user123",
"isCheckout": false,
"createdAt": "",
"updatedAt": ""
}
SizeQuantity
{
"_id": "abc123",
"productId": "nike123",
"size": "40",
"quantity": 50,
"createdAt": "",
"updatedAt": ""
}
Checkout
{
"_id": "6354f63fdadc42808a40f60d",
"address": "Jalan Raya",
"carts": ["6354f63fdadc42808a40f60d"],
"city": "Bandung",
"createdAt": "2022-10-23T08:08:14.012Z",
"name": "Agung",
"phone": 8573947183201,
"postalCode": 40291,
"province": "Jawa Barat",
"userId": "6353a32cdadc42808a40f59a"
}
User
{
"_id": "abc123",
"name": "First Last",
"email": "[email protected]",
"password": "sadw1231ceasdav4qwq",
"createdAt": "",
"updatedAt": ""
}
4 May 3, 2022
14 Jan 3, 2023
2 Feb 7, 2022
7 Oct 27, 2022
9 Nov 30, 2022
10 Dec 19, 2022
5 Apr 19, 2022
1 Jan 3, 2022
3 Feb 8, 2022
18 Sep 19, 2022