Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

SocialMedia-Dashboard implemented with React JS and Tailwind CSS

@harshitBhardwaj97

Desktop design screenshot for the Social media dashboard with theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This was my first React Project that I submitted here. This project helped me to start h thinking in terms of components and their reusability. Instead of hardcoding the data, and also repeating the same code with different data (like 4 divs for top section), its way better to create a common component, and pass data in it and render that component as many times as you want ! It feels good to work in React.

Also slowly becoming adapted of using Tailwind CSS and honestly finding it quite productive to use.

Deploying this React App on Netlify, and seeing the pushed code changes reflecting LIVE, thanks to automatic CI/CD integration, was also a worthwhile learning experience.

Feel free to go through the code and please drop your valuable inputs for where I can improve, and what else can I do to become better. As of now have to implement the Dark Mode, although the toggle button is functional and implemented (Go through its code, its written without use of any external library). Looking forward to hear your input !

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord