mariosts95/delsuites

Booking system web application using React - MUI - Node.js - Stripe

About me

I'm a Front-End Software Engineer messing around with

• 🌱 I’m currently learning
• 💬 Ask me about
• 📫 You can to reach me:

Bucket List

• Travel to Japan (日本)
• Attend to Gamescom
• Attend to CES
• See Aurora Borealis

Tech stack

delsuites's Issues

Create a swagger

Create a swagger for the restful api

Create a monorepo

Connect the server with the client

Connect the server side with the client side using custom hook in React

Deploy Server

Deploy node.js server on heroku.

Data is lost on refresh

Use local storage of session storage to save some of the data such as (dates, hotel choice, and room choice) and not lose it upon refresh.

Deploy Client

Deploy the client side, maybe on Firebase or GitHub Pages.

Checkout

Implement checkout using Stripe

Initialize the project

Add loading

Add skeleton animation for the cards

Add general loading animation react spinners

Add filters

Add filtering functionality:

• Price (min - max)
• Star Rating
• Amenities
• Location

Add sorting

Add sorting functionality based on:

• Price
• Star Rating

Connect the REST API to a MongoDB database and store the fetched data

Connect the node.js server to a mongoDB database and store all the fetched data.

Add update database with new data functionality (every 24h if possible).

Setup a node.js REST API to fetch data from 3rd-party API

Need to setup a node server, to be able to fetch data from a hotels API, Impala, and serve them to the client side.

• Tried to fetch them directly from client and got CORS error.

Make a howto/tutorial from scratch

Hello, i tried what you did, this is awesome, can you contact me please?
Thanks

Check colors contrast

Check the UI's colors for contrast issues, using Contrast Checker tool and try to fix them.

Clean Code

Refactor and clean the code using the DRY and SSOT principles, as well as all best practices standards.

Setup commitizen

Install commitizen to keep the commits consistent.

Update ReadMe

Create a more detailed readme.md for client and for server side

Add date inputs

Add MUI's date inputs and build their functionality to show results based on the dates

Created the main structure/ Client

Create the main structure using Vite and install all necessary dependencies

Pagination

Add pagination functionality

Create Search

Create search functionality based:

• Name
• Date
• Price
• Location

Update to React 18