https://github.com/mouad-el-asri/mini_projects
This repository is a showcase of my skills and a way for me to experiment with different front-end web development techniques. It includes projects such as a BlackJack game, a Basketball Scoreboard, a chrome extension, and more. ⚡️
https://github.com/mouad-el-asri/mini_projects
css html javascript json responsive-design
Last synced: 3 months ago
JSON representation
This repository is a showcase of my skills and a way for me to experiment with different front-end web development techniques. It includes projects such as a BlackJack game, a Basketball Scoreboard, a chrome extension, and more. ⚡️
- Host: GitHub
- URL: https://github.com/mouad-el-asri/mini_projects
- Owner: Mouad-El-Asri
- Created: 2023-01-26T23:51:31.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-17T23:06:57.000Z (about 3 years ago)
- Last Synced: 2024-12-28T03:13:59.565Z (over 1 year ago)
- Topics: css, html, javascript, json, responsive-design
- Language: HTML
- Homepage:
- Size: 11.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# my_small_project
⚡️ This repository contains a collection of my small front-end web projects, each showcasing different HTML, CSS, and JavaScript techniques. Each project is a standalone with its own set of files.
## Projects List
- Project 1: [Money Counter](./money_counter/)
A simple money counter that showcases some basic JavaScript's concepts.
- Project 2: [Basketball Scoreboard](./Basketball_Scoreboard/)
A web-based basketball scoreboard that displays the score, and highlight the winning team, losing team and tie.
- Project 3: [BlackJack Game](./BlackJack_Game/)
A single-player blackjack game.
## Tools and Technologies
- HTML
- CSS
- JavaScript
## Getting Started
1. Clone the repository:
`git clone https://github.com/Mouad-El-Asri/my_small_projects.git`
2. Navigate to the project directory:
`cd my_small_project/[project_folder]`
3. Open the `index.html` file in a web browser to run each project.
### Useful resources
- [figma](https://www.figma.com/) - Figma is a browser-based interface design tool that empowers fast design and prototyping and a smooth, collaborative workflow.
- [unsplash](https://unsplash.com/) - Unsplash is a website dedicated to proprietary stock photography. I use it to get some cool images for my projects.
- [Google fonts](https://fonts.google.com/) - This helped me to get suitable fonts for almost all my projects.
- [coolors](https://coolors.co/) - This is an amazing website. I'd recommend it to anyone who's looking for colors paletes.
- [Which CSS properties are inherited ?](https://stackoverflow.com/questions/5612302/which-css-properties-are-inherited)
- [UserWay](https://userway.org/) - UserWay’s Accessibility Widget will strengthen any weak areas that could cause accessibility issues on your site. I'm proud to say that a significant number of websites are more accessible today thanks to UserWay.
- [Giphy](https://giphy.com/) - GIPHY is a top source for the best GIFs & Animated Stickers online. Find everything from funny GIFs, reaction GIFs, unique GIFs and more.
- [Font Awesome](https://fontawesome.com/) - Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.
## Contributing
If you have any suggestions or improvements, I would be very happy to review your Pull Requests and all the awesome things that you can improve on my projects.
## Author
- LinkedIn - [Mouad El Asri](https://www.linkedin.com/in/mouad-el-asri/)
- Twitter - [@yourusername](https://www.twitter.com/yourusername)
## Thanks
If you liked my projects, don't forget to give it a ⭐.
## Supporting
Many hours of hard work have gone into this projects. Your support will be very appreciated!
[](https://www.buymeacoffee.com/elasrimouad)