Skip to content

omidneshati/coding-ui-practice

Repository files navigation

coding-ui-practice

This is a single page website created as a practice project to convert a UI/UX design into a working website using only HTML and CSS, ReactJS, JSX, and Vite. The website features a modern design with a fixed layout that is not responsive. It includes a navigation menu that scrolls smoothly to different sections of the page and interactive hover effects on buttons and links.

The website is a stock broker dashboard with a clean and modern design. The UI/UX design was created by me and can be viewed on Figma. The live website can be viewed at Netlify.

Please note that the buttons on the website do not currently work as other pages have not been created. This project is solely intended as a practice exercise to convert a UI/UX design to code.

To view the website, you should open it on a desktop or laptop computer. The website may not display properly on mobile devices or tablets.

Technologies Used

  • HTML5
  • CSS3
  • ReactJS
  • JSX
  • Vite

How to Run

  1. Clone the repository: git clone https://github.com/your-username/coding-ui-practice.git
  2. Navigate to the project directory: cd coding-ui-practice
  3. Install dependencies: npm install
  4. Start the development server: npm run dev
  5. Open the app in your preferred browser at http://localhost:3000/

License

This project is licensed under the MIT License - see the LICENSE.md file for details.