List team members and/or short bio's here...
- Jeen Namkung - Resident exterminator, squishing the bugs and making the templates
- Yousuf Rabani - Certified UX/UI don
- Jeffery Lee - Backend engineer in the making
JavaScript | HTML5 | CSS3 | Firebase | BootStrap | Git
State what a user needs to do when they come to your project. How do others start using your code or application? Here are the steps ...
- First a user will got to Here2Share.web.app
- then a user will create an account with their email or use their gmail credentials to login.
- next a user will be able to browse posts to look for an item they need or if they can fulfill any requests
- the user can also filter by tags or through the search bar to find posts that fit their description
- if the user does not find something they like then they can make a post either offering help or looking for help
- their post can have a photo a location and a description.
- the user can also make edits to their profile and any posts that they have made
Here are some known bugs:
- The user is not prompted to complete their profile
- The searbar is case sensitive and only looks at the first word of the title of a post
- only one photo is allowed per post
- locations don't auto complete with valid addresses
- To have the latest user's photo displayed when visiting other user's profiles, we use the .onload method on profile image, which in turn causes the function to call continously on an infinite loop (as the function is called whenever the user profile image is loaded).
What we'd like to build in the future:
- Representing the boundaries of the area where one lives on a map using a geoLocation API.
- Implementing a live chat feature to enable conversation without relying on email.
Content of the project folder:
Top level of project folder:
├── .gitignore # Git ignore file
├── add_post_form.html # page for creating posts
├── contact.html # Contact/FAQs page
├── each_post.html # template for created posts
├── editPost.html # Page for editing posts
├── loggedin_main.html # Main landing page for logged in users
├── loginPage.html # Login page for users arriving at website without being logged in
├── my_user_profile.html # Page for user's own profile
├── ThankYou.html # Temporary page for after a new post is created
├── unloggedin_main.html # Main landing page if user is not logged in
└── README.md
It has the following subfolders and files:
├── .git # Folder for git repo
├── images # Folder for various image assets
├── scripts # Folder for scripts
/authentication.js # Script for handling login authentication
/each_post.js # Script for handling post creation
/editPost.js # Script for handling editing of posts
/main.js # Script for handling main page operations
/profile.js # Script for handling profile page operations
/script.js # Script for handling various operations
/show_images.js # Script for handling profile image on navbar
/skeleton.js # Script for handling navbar and footer loading
/submitPost.js # Script for handling post submission
├── styles # Folder for styles
/style.css # Initial CSS folder, now kept as backup
/style2.css # Main CSS folder handling all non-bootsrap styling, created after revamping entire look
├── text # Folder for holding navbar and footer templates
/footer.html # Footer template
/loggedin_nav.html # Navbar template for logged in users
/unloggedin_nav.html # Navbar template for users not logged in
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent