pulkithanda / voyager-hf Goto Github PK

Voyager website: A space website that can be used as a template in the future for space-related topics.

Home Page: https://voyager-website.herokuapp.com/

Python 11.85% CSS 36.16% JavaScript 5.25% HTML 46.75%

voyager-space-website html-css-js python hacktoberfest good-first-issue hacktoberfest2021

voyager-hf's Introduction

This is a web development project for hacktoberfest made with HTML, CSS, JS and Python (flask).
Voyager website: NASA & SpaceX have successfully helped humanity establish a multi-planetary presence.
A space website that can be used as a template in future for space related topics.

A Glimpse of the website

You can view it here

Contribution Guidelines🏗

Are there any missing features which we can add to make it the best template available❓ or you are here just to help out with the issues (see issues) or to contribute towards hacktoberfest 2021, well welcome! To start contributing, follow the below guidelines:

We recommend working within a virtual environment whenever using Python for projects. This keeps your dependencies for each project separate and organaized. Instructions for setting up a virual enviornment for your platform can be found in the python docs

  D:\xyz_folder> git clone https://github.com/pulkithanda/voyager-hf.git
  D:\xyz_folder\voyager-hf>pip install -r requirements.txt
  D:\xyz_folder\voyager-hf>click on run.py
  
  https://github.com/pulkithanda/voyager-hf.git

You're done! Now you can help with the issues (issues tab and also the issues file) or maybe even add some sections (team section or missions etc) and after accepting the PR It'll be counted as your contribution to open source and for hacktoberfest in the month of october! Thanks for coming! Do star it & follow my github if you liked the project and for tons of other projects!

Deployment methods:

Deploy Forked repository (Heroku)
- First fork the repository.
- Login to your heroku account.
- Create new app & give a name.
- Connect your GitHub account to heroku.
- Search the repo you want to deploy and then deploy.
Deploy local repository (Heroku)
- Prerequisites : Heroku cli
- First make a new app on heroku & give a name.
- Clone the repository to your local system.
- Login to your heroku account:
```
heroku login 
```
- Set git remote repository to heroku:
```
heroku git:remote -a <appName you created earlier>
```
- Install gunicorn:
```
pip install gunicorn   
```
- Document all dependencies:
```
pip freeze > requirements.txt  
```
- Add script that execude on server in procfile:
```
web: gunicorn run:app    
```
- Push the branch to heroku that you want to deploy:
```
git push heroku master  
```

voyager-hf's People

Contributors

Stargazers

Watchers

voyager-hf's Issues

Styling the alerts to make them readable

Issue picture

Styling these alerts (eg the username is taken pls choose a different one) to make them more presentable (You're allowed to use bootstrap as long as it doesn't spoil the other parts of the website). Maybe displaying them at the top of the page or below or using any style you want. Also make sure that the alignment and the orientation of the form doesn't get spoiled.

For further Issues contact below or use my discord to contact me Alphabet# 0352

Adding Preloader to Home Page

Adding awesome cool space animation preloader to Home page.

Adding a My team section for 4 to 5 team cards

Issue picture

Adding a My team section for 4 to 5 team cards (for now use random names)

You may use the following link for your reference:

https://freefrontend.com/css-cards/

For further Issues contact below or use my discord to contact me Alphabet# 0352

Beautifying the landing page

Making the landing page beautiful by adding the space related svgs maybe?

For further Issues contact below or use my discord to contact me Alphabet# 0352

Improvement in the responsiveness of the recruit form

Issue picture

Making the recruit form responsive

For further Issues contact below or use my discord to contact me Alphabet# 0352

None of the link is working properly in the footer.

Can I work on making the footer responsive?

Favicon

Adding Favicon to the webpages

Adding more robust validation for username and password.

Making sure the minimum length of password is 6 and max 64, and there are no whitespaces in both password and username.

Could you please assign me to it?

Adding a Our services section for this website

Issue picture

Adding a Our services section for this website (for now use random services)

You may use the following link for your reference:

https://www.youtube.com/watch?v=nuOVuLrjioM

For further Issues contact below or use my discord to contact me Alphabet# 0352

Rectifying the application form

Rectifying the application form so that its design is like the login / register form some bug has caused this

For further Issues contact below or use my discord to contact me Alphabet# 0352

Adding Our Team Page

Can I work on making our team Page?

Adding a footer and integrating the social links in that

Issue picture

Adding a footer and integrating the social links in that (including all general things a footer has)

You may use the following link for your reference:

https://www.w3schools.com/tags/tag_footer.asp

For further Issues contact below or use my discord to contact me Alphabet# 0352

Styling of the user area section

Issue picture

Styling of the user section by adding the username of the user and some other things

Along with styling of the logout button which is beside the username

Make sure they stay responsive if possible !

You may use the demo for your reference:

For further Issues contact below or use my discord to contact me Alphabet# 0352

Adding a content line below the signup form

Adding a line below the signup form

Adding a line below the login form stating already a member? login (matching the theme)

the login now part will contain a redirect to the login page

also reduce the space between the signup form and the navbar

For further Issues contact below or use my discord to contact me Alphabet# 0352

Adding content + improvement (non code issue)

Rectifying these paras to make it crisp and also giving & suggesting some more content that can be used

For further Issues contact below or use my discord to contact me Alphabet# 0352

Adding a toggle for dark and light modes

Issue picture

Adding a toggle button and making a light/dark mode components wherever needed for the website so that the user can switch between the two easily. Make the toggle button in the navbar itself or any other place you see fit.

For further Issues contact below or use my discord to contact me Alphabet# 0352

Styling of the Login, Register & Apply buttons

Issue picture

Task: Styling of the Login, Register & Apply buttons in matching with the design

The field of this submission button will be there in the python file

For further Issues contact below or use my discord to contact me Alphabet# 0352

Adding a contact us form

Adding a contact us form which should be visible with / without login in the navbar

The contact form should match with the theme and be responsive

You may use the following links for your reference:

https://www.youtube.com/watch?v=l_Z3N3etkS0

For further Issues contact below or use my discord to contact me Alphabet# 0352

Improvement of the responsiveness in the Home page

Issue picture

Making the home page responsive which includes making the heading, footer and the see responses

For further Issues contact below or use my discord to contact me Alphabet# 0352

Rectifying the see responses form

Rectifying the see responses form so that its design is like the login / register form some bug has caused this

For further Issues contact below or use my discord to contact me Alphabet# 0352

Adding a space themed preloader

Issue picture

Adding a space themed preloader for this website

You may use the following link for your reference:

https://codepen.io/chrisgannon/pen/OwQyag

For further Issues contact below or use my discord to contact me Alphabet# 0352

Making the see responses button responsive

For further Issues contact below or use my discord to contact me Alphabet# 0352

Redesigning of the application responses

Issue picture

Redesign of these form cards by remove the present styling in the CSS and adding a new and improved one !

Also keep in mind that the cards are responsive and check if a new user applies then the contact card is created

Make sure they match with the theme of the website template too.

For further Issues contact below or use my discord to contact me Alphabet# 0352

Improvement of the responsiveness of the apply form

Issue picture

Making the application form responsive

For further Issues contact below or use my discord to contact me Alphabet# 0352

Adding a Video Gallery section for pictures

Issue picture

Adding a Video gallery below the about me page as a separate div for eg:

You may use the following links for your reference:

https://codemyui.com/pixelated-movement-effect-for-images-with-hover-dissolve-animation-using-gsap/ https://codemyui.com/bay-window-style-image-slider-with-scroll-effect/

For further Issues contact below or use my discord to contact me Alphabet# 0352

Making the procedures section responsive

For further Issues contact below or use my discord to contact me Alphabet# 0352

Adding small pictures to the procedures

Adding small pictures to the procedures section

A suitable svg picture is to be added like the below one at the side

For further Issues contact below or use my discord to contact me Alphabet# 0352

Designing the username logged in area

Issue picture

Styling of the welcome gg section (where gg is the username) by maybe adding a picture and styling the text there

Along with styling of the logout button which is beside the username

Make sure they stay responsive if possible !

For further Issues contact below or use my discord to contact me Alphabet# 0352

Hosting the site on Heroku/ Replit

Hosting this flask site on Heroku/ Replit

Making the necessary changes so it is easy to host the site on heroku / replit. Also include a document on how to host a local copy of the forks to make it easier for the people forking the repository.

For further Issues contact below or use my discord to contact me Alphabet# 0352