Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

(Expert) Advice on a website project

Hello Everyone,

Recently, i've been asked to build a portfolio website for a friend of mine. He is a dancer. So we want to really make the website represent itself as a piece of art as close as possible.

Now for some functionalities, i'm pretty much covered when it comes to knowledge. But for others, I've run on a dud. So that's why i'm asking for your expert advice :) !

The website now :

  • One page layout, mainly built on bootstrap with some custom css

What I need to build:

  • When the user starts on a webpage, a video needs to be played as a banner. - If the user scrolls down or moves away from the video, it pauses -for the portfolio part ( The shows he has been on ) needs to be a timeline. The timeline is scrollable in a vertical way. -The timeline starts from most recent to earliest projects. -A project consists of a description and photos ( possibly a video) -The timeline is placed in the middle of the page and depends on the number of projects ( preferably in a database) -A project starts left from the timeline the next one goes right. This process alternates for each project -The project is shown in a "miniatures". Initially the viewer can see the thumbnail of the project and title of the project (possibly a very small description with it ) -When you click on a project, a little popup window thing should open, showcasing the project in a detailed perspective: -Whole description with all the photos / videos related. -Parallax : it's an enigma to me. What we want : -Ill possibly come back to this later.

-Any advice as to how i need to start building it, what frameworks/libraries/ other things i need to use in order for this to work as optimized as possible ? -Any courses that would really supplement / speed up the process ? -Should i use a database for the projects ? -Any tips on the front end design part? -Like UX, Usability etc. standards that I can implement for a website in the year 2018 and above ?

seeing this overview, i a bit mentally constipated.

Lots and lots of grattitude. Anything helps :D !

I've editted my answer like 10 times. I can't get it to get neat for you to read :/

1 Answer

Why is the timeline preferably in a database? Is this so you can have a crud to add data without modifying the code? How are you building this, what is your stack? Are you using a CMS, or will it be hard coded?