Web Application Development - React.js + Material Ui/mui.com + GSAP
Budget: $750 – $1,500 USD
Hello all, this is Matt from Expanse Services. I am looking for some help building out Expanse's website / web application. You can see the current version of the site here: https://staging.expanseservices.com
Here are some of the basic frontend tasks I need work done for:
* (Estimated level of complexity = 1 = 30$ for each task)
* Fix bug that occurs when switching pages. There is a brief moment when navigating pages and initially loading that the background is just a big logo. This needs fixed
* Home page - our core section - floating animation. The expanse logo should look like its floating by moving up and down and/or having some mouse interactivity
* Improve looks of drop shadow filter on our core section
* Fix mission vision value card spacing and layout
* (Estimated level of complexity = 2 = 60$ for each task)
* [Backend]Create account on submit
* Terms of use page - create from provided word doc, should look similar to terms of use page seen here - https://staging.expanseservices.com/privacy-policy.html
* [1/3] Our core section animation - scroll or time based effect going through labels 1 by 1
* (Our process page) Cleanup Scrumboard SVG - Break down the individual svg elements into organized and named components / pieces that can be easily animated
* (Our process page) Add interactivity to scrum board. Add some mouse interactivity animations
* Statistics section of home page - convert into carousel for mobile
* (Estimated level of complexity = 3 = 240$ for each task)
* Backend contact save user data to db, create db table, save user agent and ip,
* About Us page - Header svg cleanup. Break down the individual svg elements into organized and named components that can be easily animated
* About us page - Header SVG - animate - ripple animation originating from the circles center
*
Additionally I need authentication implemented as its own module and I have broken this down into the following tickets
* (2 = 60$) Verify Email Address
* (2 = 60$) Verify Phone Number
* (2 = 60$) Logout Button + Backend logout endpoint that is called on click. Only display when user is logged in
* (2 = 60$) Log in button that should open a log in modal
* (1 = 30$) Profile icon displayed with User’s name when there is an authenticated user
* (1 = 30$) Make sure to save user session information in db
You can see the project GitHub here
https://github.com/ExpanseServices/Website/tree/development
Commits, merge requests, and branch names must follow the defined rules from this repositories’ readme. You need to tag your work to the associated JIRA ticket like #WEB-123.
There is also a pull request template with instructions you can see here https://github.com/ExpanseServices/Website/blob/development/pull_request_template.md
Each task needs to be its own branch and merge request
Total $ = 120 + 6* 60 + 3 * 240
+ Authentication = 4 * 60 + 2 * 30
= 1500$
Looking for someone who can start immediately. Please share code repository examples. We may start by assigning you 1 or 2 tasks and see how that goes.
Animations need to be created with GSAP - https://greensock.com/gsap/
No external dependencies may be added without asking first.
Ongoing work will be needed in future
Here are some of the basic frontend tasks I need work done for:
* (Estimated level of complexity = 1 = 30$ for each task)
* Fix bug that occurs when switching pages. There is a brief moment when navigating pages and initially loading that the background is just a big logo. This needs fixed
* Home page - our core section - floating animation. The expanse logo should look like its floating by moving up and down and/or having some mouse interactivity
* Improve looks of drop shadow filter on our core section
* Fix mission vision value card spacing and layout
* (Estimated level of complexity = 2 = 60$ for each task)
* [Backend]Create account on submit
* Terms of use page - create from provided word doc, should look similar to terms of use page seen here - https://staging.expanseservices.com/privacy-policy.html
* [1/3] Our core section animation - scroll or time based effect going through labels 1 by 1
* (Our process page) Cleanup Scrumboard SVG - Break down the individual svg elements into organized and named components / pieces that can be easily animated
* (Our process page) Add interactivity to scrum board. Add some mouse interactivity animations
* Statistics section of home page - convert into carousel for mobile
* (Estimated level of complexity = 3 = 240$ for each task)
* Backend contact save user data to db, create db table, save user agent and ip,
* About Us page - Header svg cleanup. Break down the individual svg elements into organized and named components that can be easily animated
* About us page - Header SVG - animate - ripple animation originating from the circles center
*
Additionally I need authentication implemented as its own module and I have broken this down into the following tickets
* (2 = 60$) Verify Email Address
* (2 = 60$) Verify Phone Number
* (2 = 60$) Logout Button + Backend logout endpoint that is called on click. Only display when user is logged in
* (2 = 60$) Log in button that should open a log in modal
* (1 = 30$) Profile icon displayed with User’s name when there is an authenticated user
* (1 = 30$) Make sure to save user session information in db
You can see the project GitHub here
https://github.com/ExpanseServices/Website/tree/development
Commits, merge requests, and branch names must follow the defined rules from this repositories’ readme. You need to tag your work to the associated JIRA ticket like #WEB-123.
There is also a pull request template with instructions you can see here https://github.com/ExpanseServices/Website/blob/development/pull_request_template.md
Each task needs to be its own branch and merge request
Total $ = 120 + 6* 60 + 3 * 240
+ Authentication = 4 * 60 + 2 * 30
= 1500$
Looking for someone who can start immediately. Please share code repository examples. We may start by assigning you 1 or 2 tasks and see how that goes.
Animations need to be created with GSAP - https://greensock.com/gsap/
No external dependencies may be added without asking first.
Ongoing work will be needed in future