muhiris / frontendcollection

A collection showcasing my experience in frontend development. It features experiments, prototypes, and showcases highlighting my skills in HTML, CSS, JavaScript, and other web technologies. By consolidating all my frontend projects, it provides a comprehensive overview of my work and passion for creating intuitive and beautiful web experiences.

Frontend Collection

This repository is a collection of frontend projects showcasing HTML, CSS, and JavaScript development, as well as React-based projects. Explore the repository and discover new projects to work on or learn from.

Table of Contents

1. Projects
2. How to Use
3. Contributing
   
   

Projects

Folder	Description	Link
AAMarketing	A responsive real estate website with 4 pages and animations.	Link
Car Workshop	A responsive Car Workshop website with 4 pages.	Link
Dashboard ReactUI	An admin panel with 7 pages and a sidebar, built using React and module.css.	Link
Facebook	A clone of the Facebook landing page.	Link
LinkedIn	A clone of the LinkedIn landing page.	Link
OnBoarding	A responsive onboarding page for teachers.	Link
Portfolio-1	A portfolio website with GSAP animations, built for a freelancer.	Link
Portfolio-2	A portfolio landing page for a freelancer.	Link
Travel Agency	A landing page for a travel agency.	Link
Wakatipu Boat	A 2D game with canvas HTML element, XML reading using JS, and weather API integration. Built with vanilla JS.	Link
Youtube	A clone of the Youtube landing page.	Link
SCMS Landing	A landing page for an app with a description and beautiful design.	Link
SCMS_secondaryLandingpage	A secondary landing page for an app with a description and beautiful design.	Link

Note: Recently added projects that are not included in Frontend showcase Website.

• React Dashboard UI
• Teacher Onboarding

How to Use

HTML, CSS, JS Based Full Projects

1. Clone the repository using git clone https://github.com/muhiris/FrontendCollection.git.
2. Navigate to the folder of the project you want to run.
3. Open the index.html file in your web browser.

React Based Projects

1. Clone the repository using git clone https://github.com/muhiris/FrontendCollection.git.
2. Navigate to the folder of the React project you want to run.
3. Run npm install to install dependencies.
4. Start the development server by running npm start.

Contributing

We welcome contributions from the community to improve and expand the collection of projects. To contribute:

1. Fork the repository
2. Create a new branch for your feature or bug fix
3. Make your changes and commit them with descriptive messages
4. Push your changes to your forked repository
5. Submit a pull request with a description of your changes

Thank you for contributing!