Skip to content

Sirak-K/my-project-1

Repository files navigation

Project Description

NeuroGen is a blog that provides the user with brain enhancement tools and information about neuroscience and nootropics. With the current advances in neuroscience and science in general, the concept of self-optimization is becoming more accessible to everyday people. The purpose of NeuroGen is to bridge the gap that exists between the lab and the home, providing easy-to-digest biohacking knowledge to the public.

Features

Home

p_image_homepage

  • Contains a header consisting of a logo and a navbar which is visible on all pages and all screen sizes.

  • Consists of the latest articles section which contains the three latest articles.

  • Contains a subscription form.

  • Contains a footer consisting of a slogan, a subscription form and social media links. The footer is visible on all pages and all screen sizes with certain footer elements hidden on smaller screens.

Resources

p_image_resources

  • Consists of the three boxes which contains the three main features that the company offers resources for.

Contact

p_image_contact

  • Contains a contact form consisting of two inputs: Email and Message.

  • Contains a subscription form.

Design

  • Header Logo: Exists on every page.

  • Header Navbar: Exists on every page. The navbar is identical on all the site's pages with clear color contrast for ease of navigation.

  • Footer & Social Icons: Exists on every page.

  • Hero Video Background: Exists on Home and Contact. The video has been chosen according to the theme of biohacking and science.

Features left to implement

Account Page

  • An user will be able to store their favorite items, bookmark articles and make their own customized book-collection.

Testing

performance_testing

Validation

HTML: W3C

CSS: Jigsaw

validation

Deployment

This project was deployed to GitHub Pages.

You can view the deployed version here: https://sirak-k.github.io/my-project-1/

Cloning the project

To clone the NeuroGen project to your local machine, follow these steps:

  1. Open your terminal or command prompt.

  2. Navigate to the directory where you want to clone the project.

  3. Run the following command: git clone https://github.com/Sirak-K/my-project-1.git

  4. Wait for the cloning process to complete.

  5. Once the process is complete, navigate to the project directory using the cd command: cd my-project-1

That's it! You now have a local copy of the NeuroGen project on your machine.

For more information on using Git and GitHub, please see the official Git documentation and GitHub Help.

Credits

Media: Images

Page: Home

  • Blog Post 1: Noopept, Wikipedia.com
  • Blog Post 2: Elliot Angelier, Unsplash
  • Blog Post 3: Anshu A, Unsplash

Page: Resources

  • Box Image #1: Danilo Alves, Unsplash.com
  • Box Image #2: "Games", page author
  • Box Image #3: Suzy Hazelwood, Pexels.com

Media: Icons

  • Font Awesome

Article: Paragraph

  • ChatGPT