This project was developed for a Front-End Developers competition, using React, Vite, and Tailwind. The app allowed me to elevate my knowledge and skills with React and Tailwind, whilst also providing an opportunity to learn about Vite as a faster and more efficient alternative to Create-React-App.
The React library was utilized to build the app's user interface, allowing for reusable components and efficient rendering of content. Tailwind was used for styling the app, offering a comprehensive set of pre-defined styles and a customizable design system. Vite was chosen as the development tool to improve the app's build and development times, providing a faster alternative to Create-React-App.
Overall, the project was a valuable learning experience, providing an opportunity to hone my skills with Front-End technologies and explore new tools for app development.
The live demo can be found at: https://gericht-challenge.vercel.app/
This project was created with the following technologies:
- Mobile Responsiveness and Optimization
- Navigation Menu
- Eye-cathcing Preloader Screen
Here are directions on how to fork the thetalesofj/gericht-challenge repository:
https://docs.github.com/en/get-started/quickstart/fork-a-repo
In the command line:
- Clone the repo by typing
git clone https://github.com/YOUR-GITHUB-USERNAME/gericht-challenge.git - Then type
cd gericht-challengeto go into the project's directory. - Install dependencies with
npm install npm run dev: run the app in the development mode. Open http://localhost:5174 to view it in your browser.npm run build: build the app for production.npm run serve: run the app in the production mode. Open http://localhost:4173 to view it in your browser.- Have fun 🚀
If you have any feedback, please reach out to one of the links below:
I would like to thank Codinggossy for setting this Front-End Developer Challenge and Iqonicdesign for the authentic, elegant-looking UX/UI Design.