Noire

NOIRÉ — Restaurant Experience & Authentication

NOIRÉ is a modern restaurant web application designed around a premium and elegant digital experience.

I worked on the project foundation, public-facing pages, authentication, routing, and reusable components, creating a solid structure that allows the rest of the team to build their features on top of it.

Main Features

* Full-screen splash and landing experience.

* Modern restaurant landing page with an elegant visual style.

* User registration and login with form validation.

* Authentication state management using React Context.

* Token-based authentication and automatic session handling.

* Protected routes with optional role-based access.

* Centralized API configuration using Axios.

* Automatic token handling for API requests.

* Shared Navbar, Footer, and page transitions.

* Reusable UI components such as Buttons, Inputs, Modals, Loading states, Toasts, and Status Badges.

* Centralized routing structure for the whole application.

* Consistent design system using Tailwind CSS and custom design tokens.

* Responsive structure for different screen sizes.

Technologies

* React.js

* Vite

* JavaScript

* Tailwind CSS

* Axios

* React Context API

* REST API

* Authentication & Protected Routes

My Role

I worked on the project foundation and Person 1 scope, including the public pages, authentication system, routing structure, shared components, API setup, and overall frontend structure.

The project was also built and tested to make sure the foundation was working correctly before integrating the other team members' features.