https://github.com/juliusmarkwei/service-snap
ServiceSnap connects users with local service providers.
https://github.com/juliusmarkwei/service-snap
nextjs14 tailwindcss typescript ui
Last synced: 7 months ago
JSON representation
ServiceSnap connects users with local service providers.
- Host: GitHub
- URL: https://github.com/juliusmarkwei/service-snap
- Owner: juliusmarkwei
- Created: 2024-08-27T15:47:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-11T10:36:56.000Z (over 1 year ago)
- Last Synced: 2025-01-01T18:34:18.165Z (about 1 year ago)
- Topics: nextjs14, tailwindcss, typescript, ui
- Language: TypeScript
- Homepage: https://skill-app-nine.vercel.app/login
- Size: 5.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ServiceSnap (Frontend Only)
ServiceSnap is a mobile-friendly platform that enables users to easily access a variety of service providers, including tailors, carpenters, and caterers. **This is a simple frontend application built using React (Next.js)** and **does not include any backend functionality**. The app is designed for mobile use only, ensuring a seamless experience on smartphones.
## Project Objective
The goal of this project is to provide users with an intuitive interface to quickly find and connect with service providers. This frontend-only app is optimized for mobile, offering a clean and responsive user experience without any server-side or database functionality.
## Major Features 📱
### Users
1. **`Browse Service Providers`**: Explore a list of service providers categorized by their expertise, such as tailoring, carpentry, and catering.
2. **`View Service Details`**: Each provider's profile includes their contact information, list of services, and user ratings.
3. **`Make Bookings (Frontend only)`**: Users can go through the booking steps, though actual bookings are not stored or processed (due to the absence of backend functionality).
4. **`Mobile-Optimized Access`**: The app is designed exclusively for mobile devices, ensuring an optimal user experience on phones.
## Images of the Frontend
### 1. User Home View (Services)
### 2. Service Provider Profile View
## Frontend Technologies Used
1. **Next.js**: For building the frontend, providing server-side rendering and static site generation for a seamless mobile user experience.
2. **Tailwind CSS**: For modern, responsive design and styling.
3. **Vercel**: Used for hosting the frontend application, ensuring fast and reliable deployment.
## Installation
1. **Clone the repository**
```bash
git clone https://github.com/juliusmarkwei/service-snap.git
cd service-snap/
```
2. **Install dependencies**
```bash
npm install
```
3. **Run the development server**
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the app.
## Screenshots 📸
Include screenshots of key sections of the app, such as:
1. **Home Screen**
2. **Service Provider Listings**
3. **Booking Interface (static)**
## Get Involved
We encourage contributions to help enhance this app! Whether it's fixing bugs, adding new features, or improving the documentation, your input is valuable.
### Reporting Issues 🚩
If you find any bugs, please report them in the [Issues](https://github.com/juliusmarkwei/service-snap/issues) section. Include:
- A clear and descriptive title.
- Steps to reproduce the issue.
- Relevant logs or error messages.
### Contributing Code 💻
Feel free to submit pull requests for any improvements or new features you'd like to contribute.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for more details.
---
You can now add screenshots and further customize the README as needed!