Hacking The Imposter is designed as a soothing solution for women who tend to suffer from imposter syndrome. Its goal is to reduce such negative effects for women suffering from this mindset condition. We wanted to represent inspiration througout the browser using inspirational quotes from celebrity figures and to also capture a great visual look.
-
-
- Women who want a solution to impostor syndrome.
- Women who like to listen to podcasts
- Women who like to watch videos to lift their mood
- Women who are interested in finding peace and a sense of calmness
-
-
-
We wanted the site to contain colors that attract women but to be also very basic to highlight our illustation and images.
-
-
The site has a heavy focus on image use, using full-size quality images for exhibition purposes.
-
The images will automatically space themselves vertically for responsiveness.
-
You can access the wireframes document by clicking Here.
-
- Header with main text.
- Youtube videos providing techniques and help to combat impostor syndrome.
- Spotify section with hosts debating around the topic of impostor syndrome.
- Testimonials and inspirational quotes from celebrities.
- Footer with the credits of the authors along with inspirational messages.
- W3 Validator
- Used to validate HTML and CSS files.
- Chrome DevTools
- Chrome's DevTools were used throughout the project to test the layout and make the necessary adjustments.
- Google Fonts
- Google fonts were used to import the 'Monoton' and 'Righteous' fonts.
- Font Awesome
- Font Awesome was used to add icons like the ones used in the add remove buttons, and the tutorial floating action button.
- Git
- Git was used for version control by utilizing the Gitpod terminal to commit to Git and Push to GitHub.
- GitHub
- GitHub is used to store the project's code after being pushed from Git.
- Am I responsive
- Used to efficiently test different responsive layouts and provide the header image in the readme file.
- Dillinger
- Markdown editor used to create the readme file.
The W3C Markup Validator, and W3C CSS Validator Services were used to validate and test every page and file of the project to ensure there were no errors.
- W3C Markup Validator
Document checking completed. No errors or warnings to show.
- W3C CSS Validator
Congratulations! No Error Found.
- Each javascript file was tested on the site for errors and functionality using the console and with [JSHint]
The project was deployed to GitHub Pages by automatically deploying from GitHub using the following steps:
-
Make sure the branch you want to use as your publishing source already exists in your repository.
-
On GitHub, navigate to your site's repository.
-
Under your repository name, click Settings. If you cannot see the "Settings" tab, select the dropdown menu, then click Settings.
-
Screenshot of a repository header showing the tabs. The "Settings" tab is highlighted by a dark orange outline.
-
In the "Code and automation" section of the sidebar, click Pages.
-
Under "Build and deployment", under "Source", select Deploy from a branch.
-
Under "Build and deployment", use the branch dropdown menu and select a publishing source. Screenshot of Pages settings in a GitHub repository. A menu to select a branch for a publishing source, labeled "None," is outlined in dark orange.
-
Optionally, use the folder dropdown menu to select a folder for your publishing source. Screenshot of Pages settings in a GitHub repository. A menu to select a folder for a publishing source, labeled "/(root)," is outlined in dark orange.
-
Click Save.
- Markdown Guide As a guide to create the readme file.
- Code Institute As a general point of reference.
- Stack Overflow As a general point of reference.
- W3Schools As a general point of reference.
- The Impostor Syndrome Files - Kim Meninger
- The Surprising Solution to the Imposter Syndrome | Lou Solomon | TEDxCharlotte
- Michelle Obama explains imposter syndrome
- Never Gonna Give You Up - Rick Astley
- Andrew Dempsey for his constant support during the development process.