This is a solution to the Interactive comments section challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Create, Read, Update, and Delete comments and replies
- Upvote and downvote comments
- Bonus: If you're building a purely front-end project, use
localStorage
to save the current state in the browser that persists when the browser is refreshed. - Bonus: Instead of using the
createdAt
strings from thedata.json
file, try using timestamps and dynamically track the time since the comment or reply was posted.
- Solution URL
- Live Site URL (Click "Reseed comments" link at the bottom of the website to start)
[email protected]:ap2soft/frontend-mentor-interactive-comments-section.git
cd frontend-mentor-interactive-comments-section
npm install
npm run dev
npm run build
- Mobile-first workflow
- React - A JavaScript library for building user interfaces
- Tailwind CSS - A utility-first CSS framework
- Vite - Next Generation Frontend Tooling (to build the project)
- Netlify - Webiste deployment
I used React for the first time here. I hope I did it alright.
- Website - Andrew
- Twitter - @andreich1980