Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nadim-nion/independent-service-provider-server
Discover Bridal Portraiture Server Side – the backend powerhouse for an independent wedding photography service provider website. Built with React, React Router, Daisy UI, and Tailwind, it features seamless routes, user authentication, protected checkout, and email verification. Elevate your wedding photography experience.
https://github.com/nadim-nion/independent-service-provider-server
expressjs nodejs vercel
Last synced: 8 days ago
JSON representation
Discover Bridal Portraiture Server Side – the backend powerhouse for an independent wedding photography service provider website. Built with React, React Router, Daisy UI, and Tailwind, it features seamless routes, user authentication, protected checkout, and email verification. Elevate your wedding photography experience.
- Host: GitHub
- URL: https://github.com/nadim-nion/independent-service-provider-server
- Owner: Nadim-Nion
- Created: 2023-12-30T12:55:02.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-01-09T12:37:03.000Z (10 months ago)
- Last Synced: 2024-01-09T17:52:39.739Z (10 months ago)
- Topics: expressjs, nodejs, vercel
- Language: JavaScript
- Homepage: https://independent-service-provider-server.vercel.app/service
- Size: 11.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bridal Portraiture - Server Side (Independent Service Provider)
## Assignment 10 (Wedding Photography)
Welcome to Bridal Portraiture, an elegantly crafted website dedicated to providing exquisite wedding photography services. Built with cutting-edge technologies like React, React Router, Daisy UI, and Tailwind, Bridal Portraiture offers a seamless and visually stunning experience for users.
## Key Features
1. **Technological Stack:** Developed using React, React Router, Daisy UI, and Tailwind, ensuring a modern and responsive web application. I have also used Express.js for loading data from the Back-end server.
2. **User Authentication:** Secure user authentication with both Email-password and Google login options.
3. **Dynamic Header:** Intuitive header with a dynamic login/logout button, indicating the user's authentication status.
4. **Home Page Sections:**
- **Header:** Welcoming users with a visually appealing introduction.
- **Services:** Showcasing a variety of wedding photography services.
- **Carousel:** Displaying captivating images in a carousel format.
- **Footer:** Providing essential links and information.5. **Checkout Process:**
- Users can click the "Checkout" button in the services card.
- If not logged in, they are redirected to the login page.
- New users can register, and after login, they are redirected to the checkout page.
- Checkout route is protected, accessible only to authorized users.6. **Registration and Login:**
- New users can easily register on the website.
- Seamless login process for registered users.7. **Blog Route:**
- Explore Q&A and insightful information in the blog section.8. **About Me Route:**
- Learn more about the photographer through a dedicated about me section.9. **Vercel Integration:**
- Utilizes Vercel for efficient backend data loading.10. **Service Cards:**
- Cards on the home page contain service details like name, price, image, short description, and a checkout button.11. **Responsiveness:**
- The website is designed to be responsive across desktop, tablet, and mobile devices.12. **Email Verification:**
- Implemented email verification for user registration, enhancing security.13. **Reset Password:**
- Users can easily reset their password with a straightforward process.14. **Toast Notifications:**
- Receive success or error messages via toast notifications for a user-friendly experience.Bridal Portraiture strives to provide a seamless and secure platform for users to explore and avail of premium wedding photography services. Dive into the enchanting world of Bridal Portraiture and capture the moments that matter.
## Technologies
* Node.js
* Express.js## Back-end Data Link
* Vercel : https://independent-service-provider-server.vercel.app/
https://independent-service-provider-server.vercel.app/service
## Deployment
To deploy this project run
```bash
git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/Nadim-Nion/independent-service-provider-server.git
git push -u origin main```
## Screenshots
* Home Page:
![Bridal-Portraiture 1](https://github.com/Nadim-Nion/independent-service-provider-client/assets/60613933/af12259d-c66f-48e7-9fc7-d24b5b00f663)* Checkout Page:
![Bridal-Portraiture 2](https://github.com/Nadim-Nion/independent-service-provider-client/assets/60613933/d61a84e3-e4af-4cd7-a8d6-f27bd082f16d)* Blogs:
![Bridal-Portraiture 3](https://github.com/Nadim-Nion/independent-service-provider-client/assets/60613933/e40817e2-d576-4e9a-b58b-87d00f147c05)* About Me: ![Bridal-Portraiture 4](https://github.com/Nadim-Nion/independent-service-provider-client/assets/60613933/55c16e49-c854-4326-970d-d1711db34d84)
* Login:
![Bridal-Portraiture 5](https://github.com/Nadim-Nion/independent-service-provider-client/assets/60613933/f0fdacc7-a956-4e90-937b-34747c00d7e2)* Register:
![Bridal-Portraiture 6](https://github.com/Nadim-Nion/independent-service-provider-client/assets/60613933/4de42675-9fc9-471c-98a8-4b26a7ddde31)## Tech Stack
**Client:** React, React Router, Tailwind, Daisy UI
**Tools:** Vite, Firebase, Vercel, npm
## FAQ
#### Is this website reponsible?
Answer : Yes, the home page is responsive for the all devices (Desktop, Tablet and Phone)
#### Is this website store data to the database?
Answer : I won't store it in the regular storage platform like MongoDB.
## 🚀 About Me
Hi, I am Nadim Mahmud Nion. I have recently concluded my graduation from the department of Computer Science and Engineering (CSE) at the Daffodil International University (DIU). I have been learning MERN Stack Web Development since 2022. I am expertise in the following skills:* React
* Vite
* React Router
* Firebase
* Vercel
* JavaScript
* Advanced JavaScript
* Daisy UI
* Bootstrap
* Tailwind
* HTML5
* CSS3
* Media Query
I have built multiple projects using these skills. You are invited to my GitHub profile to know about my projects and don't forget to give a star to my projects.