Code Monkey home page Code Monkey logo

diet_master's People

Contributors

andywork952 avatar birkhoffg avatar bkghz-orange-blue avatar jeromeval avatar zyz8867 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

sven97

diet_master's Issues

Create a new JavaScript file

Description:

Create a new JavaScript file that contains scripts in the HTML file. The JavaScript file should be created in template/js folder and import it into the django templates.

Add login module

Description:

Use Django authentication to allow exited users to log in the page

Deliverables:

  • support users to log in on the login page

Calculate the micronutrient

Description:

Create a card to display the micronutrient.

Deliverables:

  • create a card to display the micronutrient
  • delete the View Micronutrients link
  • calculate the micronutrients and update the database every time users have finished a survey

Enhancement in the navbar

Description:

Make some changes in the navbar.

图片

Deliverables:

  • Add some padding on the left and right
  • Make the Logo "Diet Master" as a link to the home

Create a user profile page

Description:

Create a user profile page to show the user information and foods preference.

Deliverables:

  • Edit the subblock content in "./template/profile.html"
  • Use bootstrap predefined styles
  • New styles should be written in "./static/css/style.css"
  • Fill with the dummy data

Too much space in Dashboard

Description:

Fix the problem of "too much space in Dashboard".

图片

Deliverables:

  • Too much space in the dashboard

Create a register module

Description:

Create a register module in the apps/account/view.py

Deliverables:

  • create a register module

Bugs in Register Page

Description:

Please see the nav bar. You can find the differences.

emmmm 就是home 和 login(目前还未修改)使用的是bootstrap的最新版本,所以导航那个地方”Diet Master”使用的是最新版本的样式,跟register的样式是不同的,你目前看到的版本已经是我给nav bar多加了一个style:"color:#00000",产生的结果。如果不加,你将会看到很明显的区别(“home”,”login”会变成白/灰色)。

另外,现在另一个问题是,register界面的nav bar的“Diet Maste"好像会产生一个渐变的效果,请check一下。

Create a register page

Description:

Create a register page to enable the registration.

Deliverables:

  • edit files under template/register.html
  • the register form should contain the following attributes: username, password (repeat twice), email
  • the register page should warn the user to set a password which satisfies the following rules:
  1. Your password can’t be too similar to your other personal information.
  2. Your password must contain at least 8 characters.
  3. Your password can’t be a commonly used password.
  4. Your password can’t be entirely numeric.

Create a 404 page

Description:

Create a 404 page.

Deliverables:

  • Create a 404.html file under template folder

Create a Survey Page

Description:

Create a survey page to record the user's preference.

Deliverables:

  • Edit the subblock content in "./template/survey.html"
  • Use bootstrap predefined styles
  • New styles should be writen in "./static/css/style.css"

Create a new navbar in the user profile

Description:

Create a new navbar in the user profile allowing users to go back to home page, log out, and check the user profile. Similar to the navbar after user logging in the system.

图片

Deliverables:

  • Create a new navbar in the user profile page

Logout page

Description:

Edit the logout.html page to inform the user getting logged out

Deliverables:

  • create a log out page

Replace the background image in login page

Description:

The resolution for the background image in the login page is low (480 * 320). It is better to replace it with a higher resolution image (say 1980 * 1080). Images from Unsplash can be a good choice.

Deliverables:

  • replace the background image

Create a Food Recommendation Page

Description:

Create a recommendation page to show the recommended foods.

Deliverables:

  • Edit the subblock content in "./template/recommendation.html"
  • Use bootstrap predefined styles
  • New styles should be written in "./static/css/style.css"
  • Fill with the dummy data

New Login Page

Description:
Create a login page in /template/login.html similar to this link

Deliverables:

  • Add a login page styled with bootstrap

Survey 表单

Description:

Create a survey form to allow the user information stored in the backend database.

Deliverables:

  • create the survey form in django

Edit Profile

Description:

Create a new edit profile page supporting users uploading pictures, changing passwords, and change emails.

Deliverables:

  • create a edit profile html
  • implement the corresponding backend functions

Padding bug in Navbar

Description:

login之后navbar右侧需要添加padding

图片

(minor bug, fix it when you have time)

Deliverables:

  • login之后navbar右侧需要添加padding

Reorganize the CSS files

Description:

The files in template/css look messy. Please reorganize it.

Deliverables:

  • unit styles across pages
  • aggregate files and rename them
  • make some comments

Check the user authencation status

Description:

This feature ensures users to stay logined in the following view pages: recommendation, survey, profile. If the user has not logged in, the system redirects the page into the login page.

Deliverables:

  • check the login status
  • redirect the page

Add some animation

Description:

Add some animation to enhance the engagement from users.

Deliverables:

  • mouse hover effect on the card (recommendation.html)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.