Click here to see it in action.
Overview of this project:
Laura Cullen is a modern artist who is always making new work and presenting in exhibits with her existing collection.
- The website build will include a manager portal that she can login to update the blog section and retrieve email sign ups.
- Stores emails and blogs using MongoDB.
- Showcases a polished UI with parallax scroll features to give it an artsy vibe.
Steps required to install project and get the development environment established:
- Simply use the npm install command in your terminal to install all necessary packages to launch Laura's website application!
npm install
npm run seed
npm startInstructions and examples for use:
- There are six pages in total that make up Laura's website. For users there are four main pages - Home, About, Gallery and Press. When Laura logs in through her manager portal she has access to two additional pages - blogs, and newsletter.
- Home page:
- The home page features images of Laura's studio and a poem written by Laura at the top
- Recent work and exhibits as you scroll down the page.
- About page:
- The about page gives a summary of Laura's history and the type of work she creates.
- Gallery page:
- This is where users can veiw Laura's different collections.
- Press page:
- Features write ups from press outlets as well as blog posts that Laura can enter herself.
- Blogs page:
- There is an entry form on this page that allowes Laura to enter Title, author, image, and description for blogs and press.
- The information she enters will be updated into the MongoDB data base and will be displayed on the press page for users to see.
- Newsletter page:
- When someone signs up on the home page their email will go into a MongoDB database
- These emails become visible on the backend of the site where Laura can get grab them to send out her newsletter.
- Built under the MIT licence.
- Built & designed by Lili Cohen, Kat Nguyen, Tomara Petty, Ellis Delgado and Markos Escalante
- No tests required.
GitHub:
- @lilipcohen
- @markos-escalante
- @tomarapetty
- @katnguyenn
- @ellisd16
Email:
LinkedIn:
