Nov 02, 2019

Well Done Dashboard

WellDone International is a non-profit organization working to improve global access to clean water and other basic services essential to human health, productivity, and well-being. Its work combines research, technology, and design to catalyze development solutions that are transformative, open, community-driven, and sustainable.

WellDone with its mission to consistently deliver clean, safe water to communities in need as well as provide long term accountability for infrastructure projects, provide water not just a well, they want to improve a dashboard by having our Lambda Labs team to build BackEnd from scratch and iterate FrontEnd features.

Deloyed App: (Email: admin@email.com, Password: admin) https://well-done.welldone.now.sh/

GitHub Repo: https://github.com/labs17-WellDone

Sep 26, 2019

Sharee App

Have you ever wanted to share food, book, clothes, opportunities, etc to someone else but do not know who is in need of those? Have you ever had extra resources but do not know where to locate them? Or have you ever wish someone have that resource for you to borrow or use for a certain time instead of buying yourself? If answers to these questions are YES, welcome to Sharee. And guess what, you do not really need to know someone to be able to share. Sharee is created to relocate resources in society

I myself initiated the app, designed user journey, Back End and Front End for this app. There are marketing pages and more functions needed to be built.

Deloyed App: https://sharee.now.sh/

GitHub Repo: https://github.com/Jessiehongtran/share

Sep 25, 2019

Deforestation Dashboard

The Deforestation Dashboard gives users insight into how the world's forests are changing – where forest cover is declining and where it is actually increasing.

Our mission is to connect and educate people to nature. We strive to facilitate acts of kindness no matter where you are or how much you can contribute. We strive to provide accurate data that shows the effects the loss of forests and its effects on geosystems. We also our community information on future forest cover based upon historical data.

    Features included in MVP:
  • Navigation on all pages
  • Onboarding for new user
  • Page and working functionality for a user to add, update, and delete countries within profile.
  • Page displaying existing countries saved that can be modified by user.
  • Choropleth maps that show forest cover by country over time.
  • An interactive component that allows users to select a country and get more detailed information.
  • Create a model that predicts future forest cover based upon historical data.
  • Contribution:
    In charge of Back End, I delivered Back End web server by designing data structure to store data from users through end points:
    //GET users: https://deforestation.herokuapp.com/api/users
    //GET user by id: https://deforestation.herokuapp.com/api/users/:id
    //POST a user for registering (signUp): https://deforestation.herokuapp.com/api/users/register
    { “first_name”: “Lambda”, “last_name”: “Tran”, “email”: “abc111115786666@lamba.com”, //*requied, email has to be unique “password”: “TestABCD” //*required }
    //POST to verify for LogIn: https://deforestation.herokuapp.com/api/users/login
    { “message”: “Welcome abc11111578@lamba.com!“,
    “user”: { “id”: 4, “first_name”: “Test”, “last_name”: “Tran”, “email”: “abc11111578@lamba.com”, “password”: “$2a$12$yusNd4byk3mzTnPQwAZsFOzGMDyWWwzFv2g.cY9U1x7RAU3J2r0/G” },
    “token”: “eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6ImFiYzExMTExNTc4QGxhbWJhLmNvbSIsImlh
    dCI6MTU2OTQzMzI5MCwiZXhwIjoxNTY5NTE5NjkwfQ.NtMIligUP2ujluIX7CviocO_it0B24GtRtAA0PbJvSc” }
    //POST to create a user profile https://deforestation.herokuapp.com/api/users/profile
    { “residence”: “U.S”, “zipcode”: 95124, //integer “occupation”: “Student”, “age”: 39, //float “user_id”: 3 }

    Deloyed App: https://deforestfrontent.herokuapp.com/

    GitHub Repo: https://github.com/bw-deforestation-prediction/Back-End

    Aug 30, 2019

    Finding Planet App

    The Transiting Exoplanet Survey Satellite (TESS) is a space telescope for NASA's Explorers program, designed to search for exoplanets using the transit method in an area 400 times larger than that covered by the Kepler mission.

    In a team including UI, Front End, Back End, Data Science, Machine Learning, we created this app so that users can through light curves vote likability whether a star is a planet and from there, it invokes a community helping to give input about planet exploration.

    Deloyed App: https://finding-planets-tess.netlify.com/

    GitHub Repo: https://github.com/BW-Finding-Planets/Frontend

    August 21, 2019

    Redux
    Car Sales Project

    With Car Sales:

  • User should be able to add features to their car
  • User should be able to remove added features from their car
  • Total should update as user adds and removes features from their car
  • Test live the features here: https://car-sales.htran2.now.sh/

    GitHub Repo: https://github.com/Jessiehongtran/Car-Sales

    To create these above features, I did:

    • create a Redux Store and connect it to a React application
    • use the connect() function to "connect" React components to the Redux store
    • write Actions and Action Creators to describe state changes
    • write Reducers to respond to actions and update state
    August 1, 2019

    React
    Friend Finder App

    Why we created this app/The problem our app solves
    People grow up and lose touch with old friends. This app helps them make new ones. Whether you’re living in a new town or just too busy to really meet people, this will help you make new connections. Face time is still the key to sustain a friendship but people need to be connected first, naturally or by a little of effort, that's how our app is born.

    The team behind
    We are Lambda students with diverse backgrounds in backend, frontend, UI and this app is our accomplishment through a build week.

    App Features
    This is still work in progress. The app currently includes:

  • a marketing page (done by UI member): https://nostalgic-mcclintock-4eeed5.netlify.com/
  • user onboarding process (done by me and other front-end guys): https://front-end-iy9y89tcy.now.sh/
  • We used React to create login, signup and create profile components, then use a Robot API to fetch profile picture data
    GitHub Repo: https://github.com/build-week-friend-finder/frontend
  • user database: stored at backend https://bw-friendfinder.herokuapp.com/swagger-ui.html

  • In the future release, we wish to build more functions:
  • Dashboard for app (where you “connect” or “move on” with someone)
  • Connect with Facebook and input suggestions from there
  • Geolocate other users in your area (i.e. at a concert, sports event, etc)
  • Make it even more specific later (they have your same exact interests)
  • Mention event to people with x-interest before it starts (i.e. Meetup or FB event)
  • July 1, 2019

    React
    Use My Tool App

    Why we created this app/The problem our app solves

  • “I have a lot of tools and need a way to keep them organized”
  • “I’m often loaning out tools to my neighbors/friends/family I need a way to keep track of who has my tools and how long they have had them.”
  • “I have a lot of tools and I would like to make some extra money by renting those tools out.”
  • “I need a way to find tools that I can borrow or rent from others in my area, Makes clear the availability of tools for lending and tracks who borrowed them, and if they’ve been returned."

  • The team behind
    We are Lambda students with diverse backgrounds in backend, frontend, UI, UX and this app is our accomplishment through a build week.

    App Features
    The app currently includes:

  • a marketing page (done by UI members including me): https://use-my-tool.now.sh/
    GitHub Repo: https://github.com/lambda-usemytools/Honglandingpage
  • Sign Up, Sign In, Add a Tool, Borrow a Tool (done by front-end & back-end members):
    https://gracious-ptolemy-4a8ec7.netlify.com/
  • So our MVP: Users can log in and create a profile. They can then set up items they have available - anything from a shovel to power washers to tile saws. Users will be able to Create, Read, Update and Delete data. A 2nd user can log in and see items that users have available and request to borrow.

    In the future release, we wish to build more functions:

    Review system, map radius, friend system. We would like to explore the idea of adding a community function to the app in the future. A user could create a community DIY project (ex. users could log in to network and build community. Users could offer to loan tools or volunteer to work on that project. This would create a community where individuals can come together to work on projects that will better their community.

    Additionally, we would like to add the feature of a user being able to upload projects that they are working on or have completed. The user would be able to upload pictures of their projects and also a list of all the tools that they are using or have used for the project to create a kind of project recipe.

    Aug 27, 2019

    React
    React Bubble Color App

    Deloyed App: https://react-bubble.now.sh/login (Username: test; Password: test)

    App Features: With this app, user should be able to login, request a token from the server that user'll use to send all other requests to the server, then EDIT, DELETE, ADD colors.

    GitHub Repo: https://github.com/Jessiehongtran/react-bubbles/tree/hong-tran

    Jun 20, 2019

    React
    American Football ScoreBoard

    Deloyed App: https://react-american-football-scoreboard-l8dr1c219.now.sh/

    GitHub Repo: https://github.com/Jessiehongtran/react-american-football-scoreboard

    Aug 15, 2019

    React
    Shopping Cart

    Deloyed App: https://react-shopping-cart.htran2.now.sh/

    GitHub Repo: https://github.com/Jessiehongtran/react-shopping-cart

    Aug 5, 2019

    React
    Todo List

    Deloyed App: https://react-todo-94ui582mm.now.sh/

    GitHub Repo: https://github.com/Jessiehongtran/React-Todo/tree/master