An open API service indexing awesome lists of open source software.

https://github.com/shahdinsalman23/react-hoobank

This project was developed to understand and practice core React concepts in website creation and development.
https://github.com/shahdinsalman23/react-hoobank

javascript reactjs talwind vite

Last synced: about 2 months ago
JSON representation

This project was developed to understand and practice core React concepts in website creation and development.

Awesome Lists containing this project

README

        

# Hoobank Modern Website

This project was developed to understand and practice core React concepts in website creation and development. The following tools were used:

* [Visual Studio Code](https://code.visualstudio.com/)
* [Node / nvm](https://github.com/nvm-sh/nvm)
* [Vite](https://vitejs.dev/)
* [React + JavaScript](https://reactjs.org/)
* [Tailwind CSS](https://tailwindcss.com/)

During the project, several concepts were covered:

* Setting up the project using Vite
* Installing the Tailwind CSS framework
* Creating components
* Organizing folders
* Reusing code
* Specific files were created to organize menu lists using arrays in the *constants* folder, and to organize certain styling adjustments using Tailwind CSS classes in the *style.js* file.

The result:

![](./src/assets/hoobank-modern-website.png)