Guymenje is a simple front-end web application built as part of my learning journey while studying front-end development from Mosh Hamedani's courses. This project was created using modern web development tools including Vite, TypeScript, React, and etc. It's designed to showcase my understanding of building scalable and interactive web applications. It is just a landing page for an imaginary Application Development Company called Guymenje.
You can view the live version of the project here:
Guymenje - Live Version
- Modern Development Stack: Built with Vite, TypeScript, React, and CSS-in-JS.
- Responsive Design: The UI adjusts gracefully to different screen sizes.
- Interactive User Interface: Engaging, dynamic components powered by React state and hooks.
- Optimized for Performance: Powered by Vite, ensuring fast load times and minimal overhead.
- Clean and Maintainable Code: Easy to understand and extend for future development.
- Vite: A fast, opinionated web bundler and development server.
- TypeScript: A typed superset of JavaScript that provides static types and improves code quality.
- React: A JavaScript library for building user interfaces, using hooks and functional components.
- CSS-in-JS: A styling technique where CSS is written inside JavaScript files (using libraries like styled-components or Emotion) for modular, component-based styling.
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/agajansahatov/guymenje.git
-
Navigate to the project folder:
cd guymenje -
Install the dependencies:
npm install
-
Run the project locally:
npm run dev
-
Open the application in your browser:
http://localhost:3000
This project was a code-along learning exercise focused on:
- Understanding how to set up a modern React application with TypeScript.
- Using Vite for fast bundling and smooth development.
- Learning and applying the CSS-in-JS pattern for component-level styling.
- Implementing React hooks and functional components.
- Applying best practices for front-end development in real-world scenarios.
Feel free to contribute to this project! If you have suggestions, improvements, or bug fixes, please fork the repository, make your changes, and submit a pull request.