Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sachin2398/global

This project is a frontend application developed using React and styled with Figma design. It serves as a user interface for browsing product categories. The application fetches data from the Faki Store API to display products. It utilizes Vite for project setup and bundling, React for building the UI components, React Icons for iconography.
https://github.com/sachin2398/global

css express mongodb mongoose node react-router-dom reactjs vitejs

Last synced: 8 days ago
JSON representation

This project is a frontend application developed using React and styled with Figma design. It serves as a user interface for browsing product categories. The application fetches data from the Faki Store API to display products. It utilizes Vite for project setup and bundling, React for building the UI components, React Icons for iconography.

Awesome Lists containing this project

README

        

# global
full-stack-project
# Frontend Application with Figma Design

## Deployment
The application is deployed and accessible [here](https://turnover-global-fr.vercel.app/).

## Video Demo
[Video Demo](https://drive.google.com/file/d/1ZM0TpFRbPFkko8rwuJB5uzKHUre_zNDJ/view?usp=sharing)

## Overview
This project is a frontend application developed using React and styled with Figma design. It serves as a user interface for browsing product categories. The application fetches data from the Faki Store API to display products. It utilizes Vite for project setup and bundling, React for building the UI components, React Icons for iconography, and React Router DOM for navigation.

## Features
- Browse various product categories
- User authentication with signup, login, and OTP verification
- Select product categories

## Technologies Used
- **Figma**: Used for designing the user interface.
- **React**: JavaScript library for building user interfaces.
- **Vite**: A build tool that aims to provide a fast development experience.
- **React Icons**: A library that provides popular icons for React projects.
- **React Router DOM**: Declarative routing for React.
- **Faki Store API**: Provides data for product listings and categories.

## Installation
1. Clone the repository: `git clone [repository-url]`
2. Navigate to the project directory: `cd frontend-application`
3. Install dependencies: `npm install`
4. Start the development server: `npm run dev`
5. Open the application in your browser: `http://localhost:3000`

## Usage
- Upon launching the application, you will be presented with the homepage displaying various product categories.
- Navigate through different categories using the navigation bar.
- Click on a product to view its details.
- Sign up or log in to access additional features such as saving favorites or making purchases.

## Screenshots
## Signup
(![Screenshot 2024-03-23 234959](https://github.com/sachin2398/global/assets/113828281/f2142e39-c92d-4149-b04f-31d8e0829c44)

## Otp
![Screenshot 2024-03-23 235157](https://github.com/sachin2398/global/assets/113828281/33d99240-6fd5-4540-8816-556a7f9f426c)

## Login
![Screenshot 2024-03-23 235223](https://github.com/sachin2398/global/assets/113828281/e313251a-d7b1-4d9c-abcf-b2c45a69ee7f)

## Select-Products
![Screenshot 2024-03-23 235305](https://github.com/sachin2398/global/assets/113828281/63598b80-2da6-4de8-802a-f5e65c629361)

![Screenshot 2024-03-23 235331](https://github.com/sachin2398/global/assets/113828281/a6db80a7-d44a-4c94-9d4b-c445c6d56a20)

## Contribution
Contributions are welcome! If you find any bugs or want to suggest enhancements, feel free to open an issue or submit a pull request.

## License
This project is licensed under the [MIT License](LICENSE).