Wandering Elixirs is a front-end web application for the website wanderingelixirs.com, a business specializing in small-batch, organic, foraged cosmetics and health tinctures. The website aims to present a unique blend of nature and science, showcasing a range of products crafted with care and expertise.
This project serves as a demonstration of my web development skills, particularly in front-end technologies. It is designed to offer a seamless and engaging user experience, reflecting the brand's commitment to quality and natural ingredients.
- JavaScript: The core programming language used in the development of this project.
- React: A JavaScript library for building user interfaces, used for its efficient rendering and state management capabilities.
- Material-UI (MUI): A popular React UI framework that offers a comprehensive suite of UI tools to enhance the aesthetic appeal and usability of the application.
- Redux: A state management tool for JavaScript apps, providing a predictable state container for maintaining the application's state.
- Strapi: An open-source headless CMS, used to manage the content of the website efficiently.
This section will guide you through setting up the project locally. To get a local copy up and running, follow these simple steps.
This project requires Node.js and npm installed on your system. You can download and install them from Node.js official website.
- Clone the repository:
Navigate to the project directory:
cd wandering-elixirs
- Install NPM packages:
npm install
- Start the development server:
npm start
This project is designed to showcase the Wandering Elixirs website. Once you've set up the project, you can:
- Explore the interface and functionality of the website.
- Review the code to understand how it utilizes React, MUI, Redux, and Strapi.
- Observe responsive design and other front-end best practices in action.
Alex Walls - email later
Project Link: https://github.com/BaselessFabric/wandering-elixirs-frontend