100-days-of-code
100 Days of Code | Daily Challenges | Beautifully Crafted Designs | Created for Full-stack/Frontend/Web Developers.
MIT License
100 Days Of Code: Design to Code Challenge
Please star this repository to support our community!
Visit our platform for Developers and discover more fun stuff to build: BigDevSoon.
Welcome to the ultimate 100 Days of Design to Code Challenge! Whether you're just starting out or looking to sharpen your skills, this challenge is your pathway from a Junior to a Senior Frontend Developer with a flair for design. Each day brings a new challenge, complete with a unique design and detailed user stories.
Challenge Objective
The goal is simple: commit to coding by recreating beautiful designs daily for the next 100 days. By the end of this journey, you will have honed your skills in JavaScript, HTML, CSS, and popular frameworks like TailwindCSS. Each project is designed to be engaging, from completing pixel-perfect designs to adding your interactive flair.
What You Will Achieve
- Journey From Beginner to Advanced Frontend Developer.
- Master front-end technologies and frameworks.
- Build a professional portfolio of 100 unique challenges.
- Increase your chances of landing a Frontend job by a lot!
How to Approach This Challenge
- Understand requirements: Use any combination of HTML/CSS/JS, libraries and frameworks as you wish! Also, each day starts with a clear User Story and Acceptance Criteria to guide your challenge.
- Design to code (1 per day ideally): Attempt to replicate the provided design image with precision. Variations are welcomed for personal flair!
- Add Interactivity: While designs focus on static elements, adding interactive features is encouraged to enhance functionality.
- Log Your Progress: Keep a daily log of your progress and achievements. When using BigDevSoon, tracking, and sharing your progress on social media to showcase your work and inspire others is super easy.
- Challenge resources: You are only given a design screenshot to work with hence all the icons, fonts, images and other resources need to be searched on your own, while working in BigDevSoon's Platform, we provide resources and BIG users can download Figma Designs with everything included.
Resource List
Images
Icons
Fonts
Colors
Sounds
Join the Community
Sign up at BigDevSoon to access community support on Discord and complete all challenges in one place. Free users receive all challenge images and can upgrade for additional resources such as Figma designs.
Sharing Your Work
Make your journey viral by sharing your daily project links and images on platforms like LinkedIn, Twitter, and Instagram. Use the hashtag #100DaysOfCode and tag #BigDevSoon to connect with fellow coders and increase visibility.
Let's Get Coding!
Are you ready to start your coding and design journey? Dive into the challenges, explore new technologies, and transform your skills. Happy coding, and good luck on completing all the challenges!
Start Date: [xx/xx/xxxx]
#100DaysOfCode #CodeToLearn #BigDevSoon #CodeNewbie #Frontend