Reservino

Reservino is a B2C web platform where businesses can upload a description of their services, some photos and contact details.

There is a contact system where a Customer can contact the business for a quote or some services.

I have implemented an optional booking system, where the business can set open hours every day, and a Customer can create a booking.

Tech stack:

• Front End: I have used React to build the front end components.
• Backend: I have used NodeJs with Express to build a Rest API to communicate with the client and DB
• Database: I have set up a MySql server to keep the data stored
• Server: I have used Nginx to set up web servers to handle the React and Express applications.
• Cloud: I have used DigitalOcean to have a Linux Server where to run the applications
• Mail: I have set up an automated email system where the app communicate with the businesses and customers
• File system: I have created a file system where businesses can upload or delete photos.
• Authentication and Authorization: I have create an Authentication and Authorization system where a user or business can create an account and access their resources based on a JWT token.

URL: https://reservino.co.uk/

Eight CV

This is a SPA web platform where users can upload their CV to receive a new formatted CV from an expert.

Tech stack:

• NextJS: I have build a NextJs app to handle the components and the API endpoints.
• File System: I have build a file system where users can upload doc files
• Mail System: i have create an email system where a professional person receive the document to handle it
• Integrate Payment System: I have integrated Stripe Payment System, so the user will create a payment when send the CV
• Database: I have create a MySql server to handle and store the needed data
• Server: I have used Nginx to set up a web server to handle the NextJs application
• Cloud: I have used DigitalOcean to have a Linux Server where to run the applications

URL: https://www.eight-cv.com/

Car recovery (NEXT JS)

This is a recovery car website example. Is based on a 4 pages: Home, About, Services and Contact

This project is built with NextJS, React, Tailwind, Shadcn UI, Typescript

Repository: https://github.com/s3c4/car-recovery

Pok (REACT)

Pok is a poker project, where 2 hands of 5 cards are compered and check who wins or is a tie.

This project is based on a predefined hands, and the algorithm check the power of each hand.

This project is build in React / Typescript

Repository: https://github.com/s3c4/pok

CSS Grid (CSS)

This a CSS responsive grid. It is based on 5 element: columns, row, columns, push columns and spacings

The system is responsive for dekstop, tablet and mobile

The system is based on 12 columns grid. The columns can be mixed iwth push columns for ordering and the columns can be mixed.

The spacing system is based on margins and paddings. The values are from 0 to 40 based on a value multiplied by 2.

Repository: https://github.com/s3c4/css-responsive-grid

Lazy (Angular)

This is an Angular project to demonstrate how to use the lazy routing. The files are loaded in a lazy way, and the user is served just with the code is requested. This method keeps the app optimized.

Also the project contains a translate mechanism. The custom pipe and the translation is based on real time and the text needed to be changed is picked up from predefined json files for each language.

Repository: https://github.com/s3c4/lazy