Welcome to Shyche — Share your niche

Shyche is a social media app where you can browse niche hobbies and connect with professionals online.

Techonologies used

• Express.js
• MongoDB
• React / Redux
• JavaScript / Axios
• HTML5 and CSS
• AWS S3 and AWS IAM
• Heroku

Code Snippet

Here's a little preview of our code:

handleSubmit(e) {
        e.preventDefault();
        
        // we handle the errors within the forms
        this.props.clearReviewErrors();
        let reviewFormErrors = document.getElementById("review-form-errors");
        reviewFormErrors.classList.remove("hidden");
        
        // allowing for a seamless and comfortable user experience
        document.addEventListener("click", ()=> {
            reviewFormErrors.classList.add("hidden");
            document.removeEventListener("click", ()=> {});
        });

        // updating information in real time
        let newReview = this.state;
        this.props.createReview(newReview)
            .then(()=>this.props.getReviews())
            .then(()=> this.successfulReview())
            .then(()=> document.querySelectorAll(".star").forEach(ele => {
                ele.checked = false;
            }))
            // displaying only what's necessary each time
            .then(()=> this.props.getReviews());
    }

Features

• User Auth / Professional Auth

Create and upgrade your own account on Shyche that allows you to browse through endless categories of uncommon activities and connect with the peculiar persons behind them.

• Videos CRUD

Once signed in you can add, edit and delete videos to share your own unusual hobby on the platform.

• Live Chat

Get to know the people behind each hobby and expand your horizons.

• Bookings / Reviews CRUD

Book sessions with your favorite professionals to learn more about what they do and review their work.

• Search Bar

Find specific videos quickly by searching them by name and category.

• Splash Page

• Home Page

• User Page

• Categories Page

• Video Page