GithubHelp home page GithubHelp logo

blogfolio_frontend's People

Contributors

dgading avatar

Watchers

 avatar

blogfolio_frontend's Issues

Setup server

Create a new Digital Ocean server to house the front end. Should be setup to work with backend if possible.

Add a simple contact page

Instead of a form, just create a page with possible ways to reach me. Maybe twitter, linkedin and my email address.

Initial Site creation

Create a package json that contains:

Express, React, React-Dom, React-Router, Webpack, and Yarn.

Configure yarn for basic React setup.

All site nav items marked as active

Each link in the site navigation is marked as active. The only active links should be the one corresponding to the route currently being accessed. Individual posts and projects should have Blog/Project set as active as it is their parent.

Project listing page needs new design

Currently the project landing page needs a new design. It is using the blog landing but each project has an image in the api, so it should have a more eye catching layout.

Style Homepage Nav

If possible, the homepage nav should be restyled using flexbox. I don't know if that is possible without extensive markup changes though.

Style Interior Navs

Clean up the interior nav styling to make it a little more structured. Break out all the interior stuff into a new style sheet possibly.

Animate the Navigation

On interior pages, the current page's nav menu should be off screen and not visible. When changing pages, the nav should rotate to hide the new page chosen. When any blog or project landing/single page is chosen, they are treated like the parent section.

Style Site

Style the site using a simple layout for now, maybe look at material light designs using this color scheme.
palette.pdf

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.