Code Monkey home page Code Monkey logo

nyomansunima.com's Introduction

Github Social Preview

GitHub code size in bytes GitHub Sponsors GitHub GitHub issues

πŸ› Issues . πŸ“ Explore docs

Personal Site

My personal website to connect and share something with client and audience

About

This project is contain my personal site apps, including the backend and the frontend. The concept of this site is simple, powerful, creative, and clean.

You can access this site on https://nyomansunima.com

Motivation

When one to connect and cengage with my skill i realize that need a website that can communicate and cover all ide need to my client, audience, friends, and also the collages. That's why i building this project. I want to make website that look cool, fast and modern with simplicity.

I also need include most of my managed project, explorations, status, blog and other. So when i connect with people i can start by sharing my website, and they can explore me what iam doing on.

Features

This project is contain buch of feature included to help me support my workflow

  • πŸš€ Project Showcase
  • 🎯 Target and Status
  • ✈️ Explorations into stack and project
  • πŸ’˜ Service to offer with client
  • 😎 Personal bio link profile
  • πŸ§‘πŸΏβ€πŸ’» Blog and detail content
  • 🧐 About me
  • ⁉️ FAQs
  • πŸ“ Newsletter
  • πŸŽ‰ Many other includeds

Stacks

Since building this project here are list about stack, site, tech and any library in this project

Roadmap

All about the task, issues, and roadmap for this projec you can find it on Project Section.

License

This project is maintain under the MIT License.

Thanks

Thanks to read this project documentation.

nyomansunima.com's People

Contributors

nyomansunima avatar dependabot[bot] avatar

Stargazers

Tom Schindler avatar  avatar SamCux avatar Lucas avatar  avatar

Watchers

SamCux avatar

nyomansunima.com's Issues

[fix: animation] Update the animation to become smooth

The current here section kinda sucks in the animation.
So I want to ensure the animation runs smoothly and without too long a delay need

  • Decrease the delay
  • Make it smooth
  • Update the about section to show my name first.

chore: add the more cursor element

About

The cursor for now is just simple by just using the color. I want to create a cursor become adding the special elements including

  • Jelly effect
  • Size
  • Text
  • Exclusion
  • Image
  • Stick

chore: add the blog post series

About

Could you add the series to a blog post? The series is generally used to wrap and group some content that can have some article inside with the same context.

  • Give the list of series in the blog post to explore
  • Give the detail of the series including title, image, desc, total articles, and so on

Feature: Merging the current bio to my personal website

About

I have a seperate website that doing this, Handle my link on profile, and other bio link. So this kinda like i need to manage different studio instead. I want to merge into a my personal website and reach the frontend at /bio path

Tasks

  • Merging code
  • Moving the schema
  • Update the content
  • archive the project

chore: complete about info

Adding several information in about page

  • Where i contributing and working on. Show the list of company, github, or icons
  • What i built overall

Feature: Adding Custom blog sections

About

Update the blog section page using custom schema in sanity. So I can write my blog directly from sanity cms. Then showing to the blog pages

Tasks

  • Define blog design and feature
  • Create sanity schema
  • Create Frontend
  • Publish content
  • Adding a feature to integrated with dev.to, hashnode and medium

Fix: Adding Status in blog post

About

Adding a status for blog post, so when the user is going to publish it's should on right status

Tasks

  • Delete integration schema object
  • Adding status object

Add detail documentation

Need to update the detail of the project including

  • Readme
  • Changelog
  • Template eg. issue, and pr

feature: privacy policy

Create the privacy policy page. Make the design simple and add the animation of using the cursor color and elements

Adding newsletter, and new blog post section

About

Adding a new newsletter form in bio link and blog, and on main website

Tasks

  • Create Newsletter on bio profile
  • Create newsletter on blog, and blog detail
  • Create newsletter on main home website

πŸ€ feature: adding incoming blog feature

πŸ”₯About

This feature is to showing the card of blog post that showing incoming post that inprogress or in writing stage
The post will showing the image, title and tags but can be clicked or disabled. So the user can wait until the post is published

🚜Tasks

  • Modify the blog status that including
  • Update blog card
  • Publish

Update detail project

Update the detail of the project in GitHub that including

  • Social Preview
  • Auto delete branch when merge
  • Add branch protection role
  • Update security and analysis including dependabot file
  • And add the GitHub action to check the file structure, and analyze, code check

Update contact

About

Update the contact page and add some content to ensure the client can reach me from anywhere

Checklist

  • Add Social media eg. Instagram, facebook, LinkedIn, youtube, twitter, email
  • Also add the budget specifications

🚜 feature: service

About

Create the service page to allow the user see what i offer to customer, client and other people.

What i building

  • Create the service page
  • Create the service detail

Tasks

  • Service
    • Add intro
    • List of service
    • Process
    • Approach
    • How I work
    • How to collaborate
    • Service I offer
    • Success story
    • Tech Stacks & Tools
    • Get in touch
    • FAQs
  • Testing

πŸ€ feature: about

πŸ‘ About

Create the about page and detailing about my self. This can include all of my identity and other important stuff.

  • Tell me about who I am and what exactly I am do
  • My goals
  • My current status
  • Timeline
  • Clients
  • Achievements

πŸ€ Tasks

  • Research
  • Design concept
  • Development
  • Testing

🚜 Another tasks included

  • Create custom cursor
  • Create the github quality and workflows

Update Button Primary Style

Using lime color maybe change the way it looks. But I want button with primary to pretty neutral using black and white color to adapt the light and dark mode

Update content

About

Update the content of the website. This can be done in HTML or dynamically using the CMS. I need to update the website as soon as possible and bring it live in public. Also, make sure to show relevant content and information about me.

Tasks

  • Create a new timeline
  • Update the status of project

chore: add newsletter to blog

Adding newsletter form for user who want to get the article update and join the community
Adding it on blog detail

πŸ’˜ feature: bio

About

Create a bio link profile that allows the user to know and get information about me faster. The concept of the bio link will be used in the social media. This will enable the potential client to see all of my tipicals data

Tasks

  • Import from the prev code
  • Adjust and testing
  • Deploy

chore: update home

Update the current home page to adding some elements including

  • Some blog post
  • Current status
  • Find me on Github and Gitlab
  • Create your project

Add link animation in footer

About

Give the bottom footer animation of magnet cursor

Tasks

  • Add the dynamic social media account
  • Dynamic menus and
  • smooth animation

πŸ€ feature: Contact

About

Adding the contact page to allow the user get engage with me, Allow to contact using multi method including social media, email, discord, and other things

Tasks

  • Add social contact
  • Adding email form
  • Testing
  • Deploy

πŸ“¦ refactor: change the code folder, structure for new renovation

About

After a little research on using complex UI in my portfolio website, I realize that sometimes I need to blazingly fast website with small chunks. So that's why i decide to make the website become simple and easy to maintain.

Tasks

  • Create a new schema
  • Create new Web project
  • Connect using special feature
  • Testing
  • Linting
  • Setup project

Add achievement section in about

About

this section is about what i build so far, this scope including

  • Total project I am working on
  • Brand i create about
  • What i build
  • Branding
  • Client i reach about

Add exploration section and detail

About

This feature is about showing what I am trying to explore.
In this feature the client will see what I am learning, what I build, and how I use the stack to solve the problem

Checklist

  • Create a list of explore
  • Showing the list detail of explore
  • Add new section of explore in home page
  • LInk to other repo for more

πŸ€ Feature: translate page using AI

If I can make the page dynamically change the languages based on the client location. and also manually change the page. This will be much more helpful to connect with more clients.

I want to embed this feature into the site and here are some stacks that can help out

feature: projects

Create the project pages

Pages

  • Projects
  • Projects Detail

Project elements

  • Hero
  • List of projects

Project Card Info

  • Thumbnail
  • Title
  • Type of projects
  • Status

chore: change header style to simple drop

Change the header style to become more simple and easy to access. Less blocking and clean.

  • For logo brand just use the same however need to wrap using border outside
  • For Menu we can have a dropdown buttons
  • And Donation button will showing popup of list platform for community and funds

Refactor: Using Tailwindcss

About

While using Sass and module CSS, turn my application into bunch of file included. So that's why i need to change on by one using Tailwindcss

Tasks

  • Install and init Tailwindcss
  • Update Deps to the latest version

Update Home Pitch about me

The current picture at the beginning of the home section is good. But I want to make some changes that perfect to catch the client's attention

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.