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

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

Like my works and want to support me?

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!.

• ReactJs
• Styled Components
• React Context API
• React Hooks
• React Icons
• React Scroll
• More . . .

• Basic ReactJs knowledge
• Basic HTML, CSS knowledge

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.

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

1. Images: Unsplash
2. UI Design: Figma
3. Code Editor: VS Code

📚 All Web Cifar Project Tutorials

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

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

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

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

For support, join our Community Group.

MIT

Happy Coding! 🚀