- 001 - Signup - Figma
- 002 - Leaderboard - Figma
- 003 - Subscribe - Figma
- 004 - 404 Page - Figma
- 005 - Podcast - Figma
- 006 - Slider - Figma
- 007 - Single Product - Figma
- 008 - Weather App - Figma
- 009 - Image Carousel - Figma
- 010 - Verification Code - Figma
- 011 - Map - Figma
- 012 - Rock Paper Scissors - Figma
- 013 - Upload File - Figma
- 014 - Dashboard - Figma
- This includes all the project assets you need to get started: HTML, CSS and JavaScript files.
- Look at the project's Figma file. This is a great way to see how the pieces and parts should look within the browser.
- Open the project's issue. It has additional information on how the project is structured.
- Customize your project / file architecture to your liking.
- Happy coding! Example, go to the folder such as
001-signup
$ npm run dev
You can view the development live server at http://127.0.0.1:8080
- Use a library or framework like Alpine, Angular, React, Vue, Solid, [Svelte] or others you like. Or, if you're feeling particularly adventurous, try writing everything in Vanilla JavaScript.
- Take a step back and try writing the HTML and CSS for this project yourself. Start with the provided Figma file
- Add an animation on load, have the podcast list slide out from under the podcast artwork