Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ansaribrahim/fixmate
Fix-Mate-Frontend is built with React, Redux, Frame Motion, Tailwind CSS, and Slider.js. This tech stack ensures a seamless and visually appealing user experience. React powers interactivity, Redux manages state efficiently, Frame Motion adds smooth animations, Tailwind CSS brings modern styling, and Slider.js enhances dynamic content presentation
https://github.com/ansaribrahim/fixmate
eslint framer-motion linter prettier react redux slider tailwindcss
Last synced: 2 days ago
JSON representation
Fix-Mate-Frontend is built with React, Redux, Frame Motion, Tailwind CSS, and Slider.js. This tech stack ensures a seamless and visually appealing user experience. React powers interactivity, Redux manages state efficiently, Frame Motion adds smooth animations, Tailwind CSS brings modern styling, and Slider.js enhances dynamic content presentation
- Host: GitHub
- URL: https://github.com/ansaribrahim/fixmate
- Owner: AnsarIbrahim
- License: mit
- Created: 2023-11-13T14:05:48.000Z (about 1 year ago)
- Default Branch: develop
- Last Pushed: 2023-11-13T15:47:21.000Z (about 1 year ago)
- Last Synced: 2024-12-09T14:51:04.440Z (about 2 months ago)
- Topics: eslint, framer-motion, linter, prettier, react, redux, slider, tailwindcss
- Language: JavaScript
- Homepage: https://fixmate.netlify.app/
- Size: 2.59 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Fix Mate
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [👨💻 Fix Mate ](#-fix-mate-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Installation](#installation)
- [Database Setup](#database-setup)
- [Running the App](#running-the-app)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [💖 Show your support ](#-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
**Fix Mate** is committed to making everyday life more convenient by connecting users with trusted service providers. It is a one-stop platform for finding, booking and reviewing services, all from the comfort of your home. Users can communicate with service providers through the app, discussing specific requirements, asking questions, and confirming details.
## Responsive View
## Live Link
> - [Live Link](https://fixmate.netlify.app/)
## Link to Back End
> - [Base Url](https://fixmate.onrender.com/)
> - API Endpoints
- API/v1/experts
- API/v1/reservations
- API/v1/specializations
> - [API Documentation](https://fixmate.onrender.com/api-docs/index.html)
> - [Link to Back-end Repository](https://github.com/AnsarIbrahim/Fix-Mate-Backend)
## Kanban Board Link
> - [Link to Kanban Board](https://github.com/users/anita00001/projects/5)
Client
The key features of this project include.
- **Show all Experts**
- **Reserve an Expert**
- **Show my Reservation**
- **Add an Expert**
- **Delete an Expert**
- **Add a Specialization**
> - To get a local copy up and running, follow these steps.
### Prerequisites
Before you begin, make sure you have the following installed on your machine:
- [x] A code editor (like VSCode, Sublime, Atom, etc.): You can download VSCode [here](https://code.visualstudio.com/download), Sublime [here](https://www.sublimetext.com/3), and Atom [here](https://atom.io/).
- [x] Git: You can download Git [here](https://git-scm.com/downloads).
- [x] Node.js: You can download Node.js [here](https://nodejs.org/en/download/).
> - Version Requirements:
```
react > 16.3.2
```
### Setup
> - To set up this project locally:
1. Open the terminal in VScode.
2. Navigate to the directory where you want to clone the copy of this repository.
3. Create a new directory [optional].
4. Clone the repository by running the following command:
```sh
git clone https://github.com/anita00001/fix-mate-frontend.git
```
5. Navigate into the cloned repository:
```sh
cd fix-mate-frontend
```
### Installation
1. Install the required dependencies by running the following command:
```sh
npm install
```
```sh
npm install react-redux
```
```sh
npm install react-router-dom
```
```sh
npm install @reduxjs/toolkit
```
### Running the App
> - To run the application, run the following command:
```sh
npm start
```
### Run tests
> - To run the Stylelint checker, run the following command:
```sh
npm install
```
```sh
npx stylelint "**/*.{css,scss}"
```
> - To run the ESlint checker, run the following command:
```sh
npx eslint "**/*.{js,jsx}"
```
> - This will start the React development server and you can access the application by visiting http://localhost:3000 in your web browser.
The collaborators of this project.
👤 **Ansar Ibrahim**
- [GitHub](https://github.com/AnsarIbrahim)
- [LinkedIn](https://linkedin.com/in/ansar-ibrahim/)
- [Twitter](https://twitter.com/ansaradheeb)
👤 **Anita Sharma**
- [GitHub](https://github.com/anita00001)
- [LinkedIn](https://www.linkedin.com/in/anitaa-sharmaa/)
- [Twitter](https://twitter.com/anitaa_sharmaa)
👤 **MoFuhidy**
- [GitHub](https://github.com/Mofuhidy)
- [LinkedIn](https://www.linkedin.com/in/mo-fuhidy/)
👤 **Theodore Asimeng-Osei**
- [GitHub](https://github.com/Theodoraldo)
- [Twitter](https://twitter.com/AsimengOse33947)
- [LinkedIn](https://www.linkedin.com/in/theodoreasimeng/)
- [ ] **Delete Specializations**
- [ ] **Add Admin Role**
> - Contributions, issues, and feature requests are welcome!
> - Feel free to check the [issues page](../../issues/).
> - Give a ⭐️, if you like this project!
> - We would like to thank [Microverseinc](https://github.com/microverseinc) for [Readme-template](https://github.com/microverseinc/readme-template), our code reviewer and external evaluator. We would extend our sincere gratitude to [Murat Korkmaz on Behance](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign) for provinding the original design.
This project is [MIT](./LICENSE) licensed.