React JS Project With Dark Theme for Beginners

This content originally appeared on DEV Community and was authored by Shaif Arfan

Artistic 📸

Made with ❤️ by Shaif Arfan

Live preview: https://wc-artistic.netlify.app/

Watch on YouTube: https://youtu.be/DTR2IbNBfPA

Source Code: https://github.com/ShaifArfan/artistic

Project Description

Artistic is a landing page for a photography studio. This is a well-designed and responsive landing page with dark mode feature. The main purpose of this project is to show how to create a landing page with dark mode feature using ReactJs.
We will be using React Context API to toggle dark mode feature. Hope you enjoy it!.

What we are going to learn/use

Requirements

Basic ReactJs knowledge
Basic HTML, CSS knowledge

Starter files

You can find all the starter files in starter-files branch. You can to go to the starter-files branch and download zip the the starter files or You can clone the project and git checkout to starter-files branch.

Getting Started

The recommended way to get started with the project is Follow the YouTube tutorial. You will find all the step-by-step guides. Or you Can start the project on your own by following the guide below.

After getting the starter files, you need to go the file directory and run

npm install

and after that start the dev server.

npm start

Tools Used

Images: Unsplash
UI Design: Figma
Code Editor: VS Code

Similar Projects

Here are some Similar projects that you might be interested.

FAQ

Q: How can i get started?

You can get started by following the YouTube tutorial of this project. Here is the full tutorial video link: [coming soon].

Q: What i need to start the project?

Just open your favorite code editor and follow along with the YouTube Tutorial.

Q: Who the project is for?

The project is for the people who wanna get more skilled in ReactJs.

Feedback

If you have any feedback, please reach out to us at @web_cifar

Support

For support, join our Community Group.

License

MIT

Happy Coding! 🚀

This content originally appeared on DEV Community and was authored by Shaif Arfan

Print Share Comment Cite Upload Translate Updates

APA

Shaif Arfan | Sciencx (2021-12-15T11:36:46+00:00) React JS Project With Dark Theme for Beginners. Retrieved from https://www.scien.cx/2021/12/15/react-js-project-with-dark-theme-for-beginners/

MLA

" » React JS Project With Dark Theme for Beginners." Shaif Arfan | Sciencx - Wednesday December 15, 2021, https://www.scien.cx/2021/12/15/react-js-project-with-dark-theme-for-beginners/

HARVARD

Shaif Arfan | Sciencx Wednesday December 15, 2021 » React JS Project With Dark Theme for Beginners., viewed ,<https://www.scien.cx/2021/12/15/react-js-project-with-dark-theme-for-beginners/>

VANCOUVER

Shaif Arfan | Sciencx - » React JS Project With Dark Theme for Beginners. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/12/15/react-js-project-with-dark-theme-for-beginners/

CHICAGO

" » React JS Project With Dark Theme for Beginners." Shaif Arfan | Sciencx - Accessed . https://www.scien.cx/2021/12/15/react-js-project-with-dark-theme-for-beginners/

IEEE

" » React JS Project With Dark Theme for Beginners." Shaif Arfan | Sciencx [Online]. Available: https://www.scien.cx/2021/12/15/react-js-project-with-dark-theme-for-beginners/. [Accessed: ]

rf:citation

» React JS Project With Dark Theme for Beginners | Shaif Arfan | Sciencx | https://www.scien.cx/2021/12/15/react-js-project-with-dark-theme-for-beginners/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.